Chrome扩展程序的CSS未加载

Jan*_*čič 10 css google-chrome-extension

我正在开发一个"内容脚本"Chrome扩展程序.我正在尝试使用CSS文件来设置页面上的一些现有元素的样式,并设置我使用JavaScript动态创建的元素的样式.

我在文件中指定了我的CSS manifest.json文件:

{
    ...
    "content_scripts": [
        {
            "matches": [ ... ],
            "js": [ ... ],
            "css": [ "style.css" ]
        }
    ]
    ...
}
Run Code Online (Sandbox Code Playgroud)

然后如果我把下面的东西放进去,我style.css什么都没发生:

body {
    background-color: red;
}
Run Code Online (Sandbox Code Playgroud)

我还提出了以下形式的一些规则:

#MyInsertedEl {
    color: red;
}
Run Code Online (Sandbox Code Playgroud)

然后插入(使用jQuery)一个id为MyInsertedEl(锚链接)的元素到页面中,但它的颜色不是红色(元素插入并在页面中可见).

什么给出了什么?我究竟做错了什么?根据文档,我已经得到了我应有的一切,谷歌并没有返回任何有用的东西.

编辑:这个代码在Facebook的页面上运行,如果它以任何方式相关...

Jan*_*čič 10

好吧,显然,Chrome中存在一个错误.如果你?matches表达式中有一个CSS文件将不会被加载.我已在此处提交了一份错误报告,其中包含更多详情.

  • 十年后,他们还没有解决这个问题...... (2认同)