Google chrome extension 如何让GoogleChrome扩展示例工作?

Google chrome extension 如何让GoogleChrome扩展示例工作?,google-chrome-extension,Google Chrome Extension,最近我决定写一个非常简单的Google Chrome扩展。当用户按下扩展按钮时,它所要做的就是使用JavaScript从网页中隐藏一些DOM元素 因为我对Chrome扩展一无所知,所以我开始阅读教程,并偶然发现了以下谷歌示例: 这个样品非常接近我想要做的。问题是我不能让它工作。每当我在Chrome中加载扩展时,我都能看到这个扩展的按钮,但当我按下它时,什么也没发生。样本不起作用,也许我应该知道一些我还不知道的事情 在你开始问我之前: 是的,我尝试重新启动浏览器 我使用最新版本的Chrome

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

因为我对Chrome扩展一无所知,所以我开始阅读教程,并偶然发现了以下谷歌示例:

这个样品非常接近我想要做的。问题是我不能让它工作。每当我在Chrome中加载扩展时,我都能看到这个扩展的按钮,但当我按下它时,什么也没发生。样本不起作用,也许我应该知道一些我还不知道的事情

在你开始问我之前:

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

谢谢您的帮助。

如果您打开示例拉链。。。查找backgrond.js。。。编辑 找一行写着:

null, {code:"document.body.style.background='red !important'"});
并删除“!重要”。因此,它应该是:

null, {code:"document.body.style.background='red'"});
就是这样。只需保存并重新加载扩展,就可以了(除非页面的后台设置了一个!重要标志)


恐怕我不知道为什么“!important”标记不起作用,但我从未能够使它在扩展中起作用。希望这里的其他人能够给出解释,或者解决问题。

我想我可以帮助澄清导致扩展中断的“!important”覆盖属性。虽然我不是100%,但我相信这个属性不适用于涉及安全复杂性的问题。我有一个链接到另一个SO线程,可能有助于澄清这一点

通过阅读本文,我假设您必须使用!在清单文件中指定内容脚本时的重要重写。否则,如果正在注入css!重要信息不是必需的。同样,这不是100%的