google-chrome-extension - 如何使 Google Chrome 扩展示例正常工作？

Question

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

由于我对 Chrome 扩展一无所知，所以我开始阅读教程，然后我发现了这个 Google 的示例:A browser action with no icon that makes the page red

这个示例非常接近我想要制作的。问题是我无法让它发挥作用。每当我在 Chrome 中加载扩展程序时，我都可以看到该扩展程序的按钮，但是当我按下它时 - 什么也没有发生。示例不起作用，也许我应该知道一些我还不知道的事情。

在你开始问我之前:

• 是的，我尝试重新启动浏览器；
• 我使用最新版本的 Chrome。

感谢您的帮助。

Answer 1

如果您打开示例 zip...找到 backgrond.js...编辑。 找到显示以下内容的行:

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

并删除“!重要”。所以它应该是:

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

就是这样。只需保存并重新加载扩展程序，就应该可以工作(除非页面的背景设置了 !important 标志)。

恐怕我不知道为什么“!important”标签不起作用，但我从来没有能够让它在扩展中工作。希望这里的其他人能够给出解释，也许还有解决方法。