javascript - 在 Chrome 扩展中启用/禁用 "content_scripts.css"

Question

例如:

  ...
  "content_scripts": [
    {
      "matches": ["*://*/*"],
      "css": ["style.css"]
    }
  ]
  ...

我想默认注入(inject)这个样式表。一切如常。

我还想启用/禁用，当用户单击工具栏中的图标时。

任何指针都会有所帮助。谢谢!

Answer 1

我也必须在我的一个扩展中实现它。我在 popup.html 中使用了一个复选框来操作 chrome.storage，它将存储状态是启用还是禁用。

内容脚本一直在运行，但会检查 chrome.storage首先在执行任何操作之前。随意引用我的存储库 here ，特别是 inject.js。

这不是唯一的方法，但对我来说实现起来非常简单。请注意，您不能使用 localstorage，因为内容脚本存在于单独的环境中。