谷歌瀏覽器擴展示例

Question

我已經閱讀了一些文檔，搜索了示例概念，但我仍在努力想出一些在 dom 級別工作的東西。 我希望我的背景頁面顯示我希望能夠使用頁面上的 dom 元素執行操作的各種菜單。 目前只有 append 一個基於點擊的新元素。

我正在嘗試使用我自己的自定義 js 加載 jQuery。 我不知道這是否是我嘗試編寫清單的方式，我不知道具體發生了什么或在哪里發生了什么，而且我無法讓螢火蟲以任何方式報告它所以我覺得我在黑暗不知道如何調試我的問題並嘗試追蹤我做錯了什么。

所以我在這里希望有人能向我展示這方面的一個非常核心的例子，這樣我就可以實際工作了。 另外，如果有人知道我如何調試，我也很樂意知道。

Answer 1

好的，

1. 除了腳本和與腳本本身相關的元素之外，你不應該在 后台頁面中放置任何東西，因為它應該對用戶隱藏。
2. 如果你想將 jQuery 加載到你的擴展的任何頁面，你可以像通常在網頁中那樣做。
   <script type="text/javascript" src="jquery.js"></script>
3. 對於調試，您可以按Ctrl + Shift + I打開開發者工具（在您的任何擴展程序頁面上），或單擊擴展程序頁面 (chrome://extensions) 上的“background.html”。
4. 如果你想控制網頁上的 DOM，你可以使用 內容腳本。
5. 有關更多擴展示例，請訪問http://code.google.com/chrome/extensions/samples.html （很多很酷的東西！）

單擊鏈接以打開開發者工具。 （它就像 Firebug。對你來說一個有趣的事實是，它是由 Apple 而不是 Google 開發的。D:)

希望這可以幫助您並回答您所有的問題！