Chrome扩展的CSS未加载

嗯,很明显,Chrome有个bug。如果你有 ? 在你的 matches 不会加载expression CSS文件。我已经提交了一份错误报告,里面有更多细节 here .

你的javascript被注入了吗(匹配规则是正确的)?尝试添加 !important 对于您的css规则:

color: red !important;

参见下面的编辑

您需要在页面中至少包含一个样式表文件,以便 content_script

<link rel="stylesheet" type="text/css" href="#" />

因此,如果没有包含任何样式表,只需添加一个空白 link 像上面这样标记。

我知道这听起来很有趣,但实际上对我有用。

编辑

有两件事是针对我的情况的

1. 错误仅发生在 file 协议
2. .html (就我而言 .md

问: .医学博士 文件夹?

这个 匹配 .医学博士 文件和插入 js

manifest.json文件

{
    "manifest_version": 2,
    "name"            : "bug",
    "version"         : "1.0",
    "description"     : "bug",

    "content_scripts": [
        {
            "matches": [
                "*://*/*.*",
                "file:///*/*.*"
            ],
            "css": ["style.css"],
            "js": ["script.js"],
            "run_at": "document_start",
            "all_frames": true
        }
    ]
}

脚本.js

window.addEventListener('load', function (e) {
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = '#';
    document.head.appendChild(link);
}, false);

body { background: gray; }

台阶

1. file:///1.md 文件
2. 注释掉里面的代码 script.js
4. .医学博士 文件-最初加载样式