从 Chrome 扩展程序插入 CSS

Insert CSS from Chrome Extension

本文关键字：插入 CSS 程序 扩展 Chrome      更新时间：2023-09-26

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

注入代码很简单

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

确保 mystyle.css 同时在清单中列出

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

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

相关文章：