谷歌浏览器扩展示例

Question

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

我正在尝试使用我自己的自定义 js 加载 jQuery。我不知道这是否是我尝试编写清单的方式，我不知道具体发生了什么或在哪里发生，而且我无法让萤火虫报告它，所以我觉得我在黑暗不知道如何调试我的问题并试图找出我做错了什么。

所以我在这里希望有人可以向我展示这些东西的一个非常核心的示例，以便我可以实际工作。另外，如果有人知道我如何调试，我也很高兴知道这一点..

Answer 1

好的，

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

点击链接打开开发者工具。 （它就像 Firebug。一个有趣的事实是，它是由 Apple 开发的，而不是 Google。D:)

希望这可以帮助您并回答您的所有问题！