javascript - Google Chrome 扩展示例

Question

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

我正在尝试使用我自己的自定义 js 加载 jQuery。我无法判断这是否是我尝试编写 list 的方式，我无法判断具体发生了什么或在哪里发生，并且我无法让 Firebug 报告它，所以我觉得我处于困境中黑暗不知道如何调试我的问题并尝试找出我做错了什么。

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

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 (很多很酷的东西!)

Click the link to open up Developer Tools. (It is like Firebug. And an interesting fact for you, it is developed by Apple, not Google. D:)

希望这对您有所帮助并回答您的所有问题!