Question

奇怪。这是我的清单的一部分：

"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中打开开发者控制台时，我看不到任何自定义样式应用于任何元素。之后，我正在关闭控制台，并且突然看到所有文本变为红色和粗体，打开控制台，并猜测是什么，请参阅我的注入规则的“用户样式表”。我无法理解什么是错的。在google将其清单更改为版本2之前，我有一个中等大小的扩展，其中包含很多内容CSS，它运行得很好，现在我无法注入* {color：red}规则。求你帮帮我。

Chrome为24.0.1312.14 beta-m

更新：tweaks.js为空

更新：用24.0.1312.14米测试 - 同样的...

更新更新：以某种方式修正了它。但我对此并不完全有信心。

      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规则后，您需要执行此操作。

Answer 1

这是Chrome中的已知错误：请参阅http://crbug.com/154905和http://crbug.com/158012

Google Chrome扩展程序的内容CSS在开发之前不会适用。控制台打开和关闭

1 个答案: