如何使 Google Chrome 扩展示例正常工作?

2024-01-28

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

由于我对 Chrome 扩展一无所知,所以我开始阅读教程,然后我发现了这个 Google 的示例:没有图标的浏览器操作使页面变成红色 http://developer.chrome.com/extensions/examples/api/browserAction/make_page_red.zip

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

在你开始问我之前:

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

感谢帮助。


如果您打开示例 zip...找到 backgrond.js...编辑。 找到这样一行:

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

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

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

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使 Google Chrome 扩展示例正常工作? 的相关文章

随机推荐