javascript - "content_scripts"无法在 Chrome v38+ 中工作？

Question

最近，我制作了一个 Chrome 扩展来强制所有网页使用给定的字体。它曾经工作得很好，但从昨天(也许更早)开始就停止工作了。

扩展的关键代码是:

manifest.json file content:

{
    ...

    "content_scripts": [{
        "matches":  ["http://*/*", "https://*/*"],
        "js": ["font.js"],
        "run_at":"document_start"
    }],
    "web_accessible_resources": ["font.css"]
}

font.js file content:

var link = document.createElement("link");
link.href = chrome.extension.getURL("font.css");
link.type = "text/css";
link.rel = "stylesheet";
document.documentElement.insertBefore(link);

font.css file content:

* {
  font-family: "Microsoft Yahei Mono", "Microsoft Yahei", sans-serif !important; 
}

谁能告诉我这里发生了什么，或者建议在启动网页文档时运行 js 文件的替代方法？

Answer 1

从 Chrome 38 开始，Chrome 遵循 DOM 标准，并在 .insertBefore 省略必需参数时引发异常(请参阅 https://crbug.com/419780 )。

要修复您的代码，请使用

document.documentElement.insertBefore(link, null);
// or equivalently,
document.documentElement.appendChild(link);

我建议使用"css"键而不是内容脚本来插入样式表。那么您就不再需要 font.js (样式表也将在安装后立即应用)。

{
    "manifest_version": 2,
    "name": "my extension",
    "version": "1.0",

    "content_scripts": [{
        "matches":  ["http://*/*", "https://*/*"],
        "css": ["font.css"],
        "run_at":"document_start"
    }]
}