从Chrome扩展程序插入CSS

时间:2013-11-05 06:20:09

标签: javascript jquery html css google-chrome-extension

我正在开发一个Chrome扩展程序,允许用户更改页面的CSS。我尝试在chrome.tabs api中使用insertCSS方法,只是尝试将样式标记附加到HTML,但我没有成功。谁能告诉我insertCSS方法是如何工作的,或者如何从扩展名中的.js文件到达网页?

1 个答案:

答案 0 :(得分:2)

注射代码就是

chrome.tabs.insertCSS(tabId, {
 file : "mystyle.css"
});

确保将mystyle.css列入清单

 "web_accessible_resources": [
    "mystyle.css"
  ],

使用Chrome Devtools检查注射是否成功。我有一个问题,我认为我的CSS没有被注入。在调查时,它是,但我的选择器是不正确的。我最后添加了许多样式的重要内容。