javascript - 如何从 Google Chrome 扩展重新呈现页面？

Question

我刚开始为 Google Chrome 编写扩展程序。我想做一个只在几个页面上运行的扩展(我会选择)并在页面加载后重新呈现他们的 CSS(理想情况下我想要类似于你可以在 greasemonkey 脚本中使用 GM_addStyle 做的事情).

如何在 Chrome 扩展程序中完成此操作？

Answer 1

您可以使用有权访问页面 DOM 的内容脚本。

在您的 manifest.json 中您可以:

"content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "css": ["mystyles.css"],
      "run_at": "document_end"
    }
  ],

这将在 DOM 加载后将 css 文件 mystyles 注入(inject)到任何谷歌页面。这不会完全覆盖样式，但您将能够制作 CSS 以替换它们的样式。

更多信息可以在 code.google.com 上找到.它还包含有关如何以编程方式将 CSS 注入(inject)页面的信息。