Google Chrome扩展的内容CSS在开发之前不会应用。控制台被打开和关闭
Google Chrome扩展的内容CSS在开发之前不会应用。控制台被打开和关闭
提问于 2012-11-27 14:47:28
很奇怪。这是我清单的一部分：
"permissions" : [
"http://site.com/"
,"http://site.com/*"
,"http://www.site.com/*"
,"http://www.site.com/"
]
,"web_accessible_resources": [
"css/tweaks.css"
]
,"content_scripts" : [{
"matches" : [
"http://*.site.com/",
"http://*.site.com/*",
"http://site.com/*",
"http://www.site.com/*"
],
"css" : [
"css/tweaks.css"
],
"js" : [
"js/jquery162.js",
"js/tweaks.js"
]
,"run_at": "document_end"
}]下面是tweaks.css：
*{
color: red !important;
font-weight: bold;
}最后是background.html (这里并不重要)
<html>
<head>
<title></title>
<script src="js/jquery162.js"></script>
<script src="js/js_extend/extend.js"></script>
<!--<script src="js/main.js"></script>-->
</head>
<body>
</body>
</html>而且，当我重新加载一个扩展(未打包)，然后重新加载页面时，我什么也看不到。当我在google.chrome中打开开发人员控制台时，我看不到任何自定义样式应用于任何元素。在那之后，我关闭了控制台，突然看到所有的文本都变成了红色和粗体，打开控制台，然后，猜猜发生了什么，看到了带有我的注入规则的“用户样式表”。我不明白出了什么问题。在google将他们的清单更改到版本2之前，我有一个包含大量内容CSS的中型扩展，它工作得很好，现在我甚至不能注入*{color:red}规则。请帮帮我。
Chrome为24.0.1312.14 beta-m
更新: tweaks.js为空
更新:用24.0.1312.14米测试-相同的sh...
更多更新:以某种方式修复了它。但我对此并不完全有信心。
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
var isSite = ( tab.url && tab.url.indexOf('site.com') >= 0);
if ( isSite ){
chrome.tabs.executeScript(tabId, {
file: Paths.add_element //filepath
});
chrome.tabs.insertCSS(tabId, {
file: Paths.my_css_path //filepath
});
}
});诀窍在于，您需要在应用所有site.com规则之后执行此操作。
Stack Overflow用户
回答已采纳
发布于 2012-11-27 15:50:58
这是Chrome浏览器中的一个已知错误:参见http://crbug.com/154905和http://crbug.com/158012
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13578786
复制相关文章
相似问题
腾讯云开发者
