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

Question

我是为 Google Chrome 编写扩展程序的新手。我想做一个只在几个页面上运行的扩展（我会选择），并在页面加载后重新渲染它们的 CSS（理想情况下，我想要类似于你可以GM_addStyle在greasemonkey 脚本中做的事情）。

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

Answer 1

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

在您的 manifest.json 中，您可以拥有：

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

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

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