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鍵+移+我開拓開發工具（在您的任何擴展的頁面），或點擊擴展頁上的「background.html」 （鉻：//擴展）。
4. 如果你想在網頁上控制DOM，你可以使用content scripts。
5. 更多擴展示例，請訪問：http://code.google.com/chrome/extensions/samples.html（很多很酷的東西的！）

點擊鏈接打開開發者工具。 （這就像是Firebug，對你來說是一個有趣的事實，它是由蘋果公司開發的，而不是谷歌的D :)

希望這可以幫助你解決所有問題！