如何使Google Chrome扩展示例正常运行？

Question

最近我决定写一个非常简单的Google Chrome扩展程序.当用户按下扩展按钮时,它所要做的就是使用JavaScript从网页中隐藏一些DOM元素.

由于我对Chrome扩展程序一无所知,因此我开始阅读教程,并且我看到了Google的示例:没有图标的浏览器操作使页面变为红色

这个样本非常接近我想要的样子.问题是我无法使其发挥作用.每当我在Chrome中加载扩展程序时,我都会看到此扩展程序的按钮,但是当我按下它时 - 没有任何反应.样本不起作用,可能我应该知道一些我还不知道的东西.

在你开始问我之前:

• 是的,我尝试重启浏览器;
• 我使用的是最新版本的Chrome.

感谢帮助.

Answer 1

如果你打开样本zip ...找到backgrond.js ...编辑.找到说:

null, {code:"document.body.style.background='red !important'"});

并删除"!important".所以它应该是:

null, {code:"document.body.style.background='red'"});

这就对了.只是保存并重新加载扩展,应该工作(除非页面有一个!important标志设置为后台).

我担心我不知道为什么"!important"标签不起作用,但我从来没有能够让它在扩展中工作.希望这里的其他人能够给出解释,也许还有一个解决方法.