css - 未加载 Chrome 扩展的 CSS

Question

我正在开发“内容脚本”Chrome 扩展程序。我正在尝试使用 CSS 文件来设置页面上一些现有元素的样式，以及设置我使用 JavaScript 动态创建的元素的样式。

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

{
    ...
    "content_scripts": [
        {
            "matches": [ ... ],
            "js": [ ... ],
            "css": [ "style.css" ]
        }
    ]
    ...
}

然后，如果我将类似下面的内容放入我的 style.css 中，什么也不会发生:

body {
    background-color: red;
}

我还制定了一些规则:

#MyInsertedEl {
    color: red;
}

然后(使用 jQuery)将 ID 为 MyInsertedEl 的元素( anchor 链接)插入到页面中，但它的颜色不是红色(该元素已插入并在页面中可见)。

那么是什么给了？我究竟做错了什么？根据文档，我已经得到了我应该得到的一切，谷歌没有返回任何有用的东西。

编辑:如果以任何方式相关，此代码将在 facebook 的页面上运行......

Answer 1

很明显，Chrome 中有一个错误。如果您的 matches 表达式中有 ?，CSS 文件将不会被加载。我已经提交了包含更多详细信息的错误报告 here .