[收藏]
摘要：作者自己動手寫了乙個翻譯外掛程式，讀者可以從中了解到開發chrome的外掛程式的過程。
今天早上開啟.看到一文章"開發chrome擴充套件程式"
自己看看,也還很簡單,就自己動手寫乙個翻譯外掛程式
來看看效果
以前用谷歌的翻譯介面做了乙個翻譯功能的網頁
所以我就打算把這個功能做成乙個谷歌瀏覽器的外掛程式
這個翻譯功能就乙個頁而.**也很簡單
view code
然後看看谷歌的外掛程式文件
在c盤下建立了乙個資料夾c:\googledemo
然後把那個網頁放到資料夾裡面index.html
然後在這個資料夾裡面自己建立乙個manifest.json檔案
檔案內容
自己做了幾個png圖示,主要是做外掛程式在瀏覽器上的圖示用,就是瀏覽器右上角看到我外掛程式的那個圖示
開始沒有看到我這個外掛程式的,這是我安裝上去的效果,
開始的話,選擇第乙個按鈕,就會要你選擇你外掛程式所在的資料夾,這裡我們選擇c:\googledemo
他就會自己載入我們的外掛程式,
然後再選擇第二個按鈕
以後你更新了的話.就要選擇了,他就知道是在這個外掛程式上的更新,而不是乙個新的外掛程式
完成後.就可以在你的谷歌瀏覽器裡看到這個翻譯外掛程式了
谷歌瀏覽器外掛程式開發教程8
利用workerman和 谷歌外掛程式通訊相結合 1 首先獲取groupid 保證外掛程式和inject 同個房間 這樣還可以用workerman 相互傳送 先外掛程式獲得groupid 傳遞到inject var groupid chongxinlianjie on click function ...
谷歌瀏覽器外掛程式開發教程7
從pane傳送資訊到 inject.js inject.js傳送到pane inject.js window.addeventlistener message function e console.log data false contentscript function injectcustomj...
谷歌瀏覽器外掛程式開發教程6
1 自定義開發者面板 改配置檔案 content scripts background permissions contextmenus web accessible resources inject.js 指定自定義面板 devtools page devtools.html 然後 devtool...