如何从Google Chrome扩展重新渲染页面？

Question

我刚接触编写Google Chrome浏览器的扩展程序。我想开发一个只在我选择的几个网页上运行并在页面加载后重新渲染CSS（理想情况下，我想要类似于Greasemonkey脚本中可以使用GM_addStyle的功能）。

在Chrome扩展程序中，我该如何实现这个功能呢？

- Kredns

Answer 1

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

在您的manifest.json中，您可以这样写：

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

这将在DOM加载后向任何Google页面注入CSS文件mystyles。这不会完全覆盖样式，但您可以精心设计自己的CSS以替换它们的样式。 更多信息可以在code.google.com上找到。它还包括有关如何以编程方式向页面注入CSS的信息。

- Kinlan