"content_ scripts”;不适用于chrome v38+

"content_scripts" not working in chrome v38+?

本文关键字：不适用 适用于 chrome v38+ scripts quot content      更新时间：2023-09-26

最近，我做了一个Chrome扩展，强制所有网页使用给定的字体。它过去工作得很好，但从昨天（也许更早）起就停止工作了。

扩展的关键代码是：

manifest.json文件内容：

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

font.js文件内容：

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文件内容：

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

有人能告诉我这里发生了什么吗？或者建议在启动网页文档时运行js文件的其他方法吗？

与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"
    }]
}
相关文章：