【问题标题】:How to re-render a page from a Google Chrome extension?如何从 Google Chrome 扩展重新呈现页面?
【发布时间】:2010-04-09 18:47:27
【问题描述】:
我是为 Google Chrome 编写扩展程序的新手。我想制作一个仅在几个页面上运行的扩展程序(我会选择)并在页面加载后重新渲染它们的 CSS(理想情况下,我想要类似于你可以在greasemonkey 脚本中使用GM_addStyle 做的事情)。
如何在 Chrome 扩展程序中实现这一点?
【问题讨论】:
标签:
javascript
css
google-chrome
google-chrome-extension
【解决方案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 注入页面的信息。