首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >我可以使用内容脚本js文件以编程方式注入CSS文件吗?

我可以使用内容脚本js文件以编程方式注入CSS文件吗?
EN

Stack Overflow用户
提问于 2012-02-19 07:05:10
回答 3查看 27.1K关注 0票数 25

我可以使用内容脚本js文件以编程方式注入CSS文件吗?

当js文件链接到我的popup.html时,我可以注入css。问题是我必须点击按钮来打开弹出窗口来注入css。我希望它在后台自动发生。

我的代码中发生了什么.

通过XMLHttpRequest

  • Call函数从MySQL数据库中获取变量,
  1. 将处理来自XMLHttpRequest的数据。更具体地说,拆分变量,将其分成两个不同的变量,并将它们设置为全局变量。我调用该函数,然后"click()"
  2. "click“将在1250毫秒后使用setTimeout
  3. 设置css,我使用chrome.tabs.insertCSS插入css。css名称是变量"currenttheme"

正如我之前提到的,它确实可以使用弹出窗口工作。但是在注入CSS之前必须打开弹出窗口。

我如何让这一切在没有任何用户interaction的情况下自动发生

下面是我的代码:

代码语言:javascript
运行
复制
    function getData() {
if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        user_data = xmlhttp.responseText;
        window.user_data = user_data;
        processdata();
        }
      }
    xmlhttp.open("GET","http://localhost:8888/g_dta.php",true);
    xmlhttp.send();
}

getData();

function processdata() {
  var downdata = user_data.split('|||||');
  var installedthemes = downdata[0];
  var currenttheme = downdata[1].toString();
  window.currenttheme = currenttheme;
  click();
  }

function click(e) { 
      function setCSS() {
          chrome.tabs.insertCSS(null, {file:currenttheme + ".css"});
          }
      setTimeout(function(){setCSS()}, 1250);
      document.getElementById('iFrameLocation').innerHTML = "<iframe src='http://localhost:8888/wr_dta.php?newid="+e.target.id+"'></iframe>";
      getData();
}

document.addEventListener('DOMContentLoaded', function () {
  var divs = document.querySelectorAll('div');
  for (var i = 0; i < divs.length; i++) {
    divs[i].addEventListener('click', click);
  }
});
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9345003

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档