我正在尝试从JavaScript中注入我的CSS,它是作为内容脚本注入的:
"content_scripts": [
{
"matches": ["http://www.google.com/*"],
"js": ["script.js"]
}
],
Run Code Online (Sandbox Code Playgroud)
我发现了关于注入CSS的类似问题,但是在使用来自已接受答案的代码时遇到了问题.这是我的script.js内容:
var link = document.createElement("link");
link.href = chrome.extension.getURL("style.css");
link.type = "text/css";
link.rel = "stylesheet";
document.getElementsByTagName("head")[0].appendChild(link);
Run Code Online (Sandbox Code Playgroud)
加载某些页面后,此消息显示在控制台中:
拒绝加载chrome-extension://phkgaaiaakklogbhkdnpjncedlbamani/fix.css.资源必须列在web_accessible_resources清单键中,以便由扩展名外的页面加载.
有没有什么办法解决这一问题?或者,也许,从该JavaScript文件中注入一些CSS的其他方法?
注意:我不能直接从清单中包含样式表.
我可以在background.js每次使用Chrome扩展程序重新加载页面时重新加载吗?
我想每次都用它来注入一个CSS文件.