新手怎樣開發一個谷歌瀏覽器的插件？

求問谷歌的插件的原理

想開發一個簡單的谷歌的插件，對某個頁面的一些元素進行一些處理和再加工。

需要學些什麼呢？

目前只會java，會一點html 一點點點css javascript

---

官方的入門文檔，如果你要學開發擴展必看。

https://developer.chrome.com/extensions

我這裡有一個例子，是通過點擊瀏覽器地址欄旁的按鈕，向頁面注入一段 content script 運行（你不用管我這裡注入的啥，換成你自己的邏輯就可以了），和你的需求差不多。

fi/extensions/chrome at gh-pages · Justineo/fi · GitHub

---

• If {已經會Javascript}

那麼強烈推薦一本書叫做：《Chrome擴展及應用開發》，有電子版：圖靈社區: 合集 : Chrome擴展及應用開發

這本書彙集了chrome官方手冊、360翻譯的手冊的精華，以及作者從零開發一個插件的思路過程，對於初學者足夠了。

• Else if {不會Javascript}

先學習Javascript：W3School的教程對於初學者足夠了：JavaScript 教程 ，而且好處是有調試器，所編即所見。

然後回到上面，學習《Chrome擴展及應用開發》。

• 我就是一個從零學習而且只有html+css語言基礎不太會Javascript的初學者，按照這個步驟，後來兩周自編了兩個小插件，這是其中一個、我一直都在用的天氣和pm25插件： AirQ

補充：最近的體會，學一門語言/介面之前，first you need a purpose，不然很容易像背英語單詞字典那樣從頭讀到後，也不知道自己在幹嘛，容易半途學不下去，然後和沒學差不多。

最好是有一個想實現的功能，不斷學習實現這個功能相關的代碼，等實現出來的時候，你就可以說是已經掌握了學習這門語言的方法。

---

你說的應該是chrome擴展。

首先，html+css+javascript是開發chrome擴展的基礎。

然後你要了解chrome extensions APIs，除了官方的文檔，360有一份中文版的API文檔：http://open.chrome.360.cn/extension_dev/overview.html ，不過有些介面是老的。

另，給你一篇豆瓣上的文章：Chrome擴展開發指南(第一版)

我也是剛剛接觸寫Chrome擴展，API還沒看完，目前是邊做邊看API。這是我昨天剛剛提交的一個小東西：Chrome 網上應用店-鯨魚夫婦(Baby Whale)

---

Google 的教程已經很詳細了

https://developer.chrome.com/extensions/getstarted.html

---

這個問題知乎有好幾個。。

閑著沒事可以看看我寫的系列教程，一直在更新chrome瀏覽器擴展應用開發之旅（一） - 知乎專欄

chrome擴展開發的一個系列，會分享一些自己開發的小玩具

---

很簡單，一堆api而已，寫多了就會了

---

推薦閱讀：