javascript - 从 Chrome 扩展插入 CSS

Question

我正在开发一个允许用户更改页面 CSS 的 chrome 扩展。我尝试在 chrome.tabs api 中使用 insertCSS 方法，并且只是尝试将样式标记附加到 HTML，但我没有成功。谁能告诉我 insertCSS 方法是如何工作的，或者如何从扩展中的 .js 文件访问网页？

Answer 1

注入代码很简单

chrome.tabs.insertCSS(tabId, {
 file : "mystyle.css"
});

确保 mystyle.css 在清单中列出

 "web_accessible_resources": [
    "mystyle.css"
  ],

使用 Chrome Devtools 检查注入是否成功。我有一个问题，我认为我的 CSS 没有被注入。在调查时，确实如此，但我的选择器不正确。我最终为许多样式添加了 !important 。