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”标签不起作用，但我从来没有能够让它在扩展中工作。希望这里的其他人能够给出解释，也许可以解决。