Google Chrome扩展程序示例

Question

我已经阅读了一些文档，我已经搜索了样本概念，而且我仍在努力想出一些在dom级别工作的东西。我希望我的背景页面能够显示我希望能够使用页面上的dom元素进行操作的各种菜单。目前只需根据点击附加一个新元素。

我试图用我自己的coustum js加载jquery。我不知道它是否是我试图写清单的方式，我不知道具体发生在哪里或哪里发生在哪里，我不能让萤火虫报告它，无论如何我觉得我在黑暗不知道如何调试我的问题，并试图追查我做错了什么。

所以我在这里希望有人可以向我展示这个东西的一个非常核心的例子，这样我才能真正工作。此外，如果有人知道我如何调试我也很高兴知道这一点..

Answer 1

好，

1. 您不应在background page中添加除脚本和脚本本身相关的任何内容，因为它应该对用户隐藏。
2. 如果您想将jQuery加载到扩展程序的任何页面中，您可以像在网页中常用的那样加载。
   <script type="text/javascript" src="jquery.js"></script>
3. 要进行调试，您可以按 Ctrl + Shift + I 打开开发人员工具（开启您的任何扩展程序页面），或点击扩展程序页面上的“background.html”（chrome：//扩展程序）。
4. 如果您想控制网页上的DOM，可以使用content scripts。
5. 有关更多扩展示例，请访问http://code.google.com/chrome/extensions/samples.html（很多很酷的东西！）



  

单击该链接以打开开发人员工具。 （它就像Firebug。对你来说这是一个有趣的事实，它是由Apple开发的，而不是Google开发的.D：）

希望这可以帮助你解决所有问题！