奇怪。这是我清单的一部分:
"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>
而且,当我重新加载扩展(解压缩),然后重新加载必须通过注入的 CSS 自定义的页面时,我什么也看不到。当我在 google.chrome 中打开开发者控制台时,我看不到任何应用到任何元素的自定义样式。之后我关闭控制台,突然看到所有文本都变成红色和粗体,打开控制台,你猜怎么着,用我注入的规则查看“用户样式表”。我不明白出了什么问题。在谷歌将他们的清单更改为第 2 版之前,我有一个带有很多内容 CSS 的中等大小的扩展,它运行良好,现在我什至无法注入 *{color:red} 规则。请帮我。
Chrome 是 24.0.1312.14 beta-m
更新:tweaks.js 是空的
更新:用 24.0.1312.14 m 测试 - 相同的 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 规则后执行此操作。