寫一個google chrome 擴充套件外掛
阿新 • • 發佈:2018-12-23
2012-10-24
周海漢 2012.10.24
chrome外掛開發比ie簡單多了。IE必須開發activex控制元件,不懂com,不懂VC,非常困難。而chrome只需懂點JS,CSS,HTML5就差不多了。 方法如下: 1.新建一個目錄,裡面用於存放外掛檔案 2.新建 manifest.json 內容如下,一定要存成UTF8格式。manifest_version版本為2.第一版很快就將不支援了。第一版和第二版有些差別。如下: https://developer.chrome.com/extensions/manifestVersion.html
{ "manifest_version": 2, "name": "第一個Chrome外掛", "version": "1.0", "description": "我的第一個Chrome外掛,還不錯吧", "browser_action": { "default_icon": "icon.gif", "default_popup": "popup.html" } }
3.新建popup.html如下
Hello,Chrome!
歡迎你,我的第一個Chrome擴充套件外掛
4. icon.gif和backimg.jpg可以自己找合適的。 5.進入工具->擴充套件程式,路徑顯示[chrome://chrome/extensions/](chrome://chrome/extensions/) 選中“開發者模式”,點“載入正在開發的擴充套件程式” 工具欄出現了我們的圖示,點選可以彈出我們定製的頁面。 如圖 [![](http://abloz.com/wp-content/uploads/2012/10/ex1.jpg)](http://abloz.com/wp-content/uploads/2012/10/ex1.jpg) 點選後開啟 [![](http://abloz.com/wp-content/uploads/2012/10/ex2.jpg)](http://abloz.com/wp-content/uploads/2012/10/ex2.jpg) 外掛安裝路徑: C:Users{user}AppDataLocalGoogleChromeUser DataDefaultExtensions {user}替換成登陸使用者。 下面的目錄都是外掛id,可以通過[chrome://chrome/extensions/](chrome://chrome/extensions/)開發者模式下看到 6.打包釋出: 在開發者模式下,點打包擴充套件程式,生成的crx檔案即為外掛。pem檔案是自動生成的金鑰檔案。將crx發給朋友, 在[chrome://chrome/extensions/](chrome://chrome/extensions/) 頁面,將crx拖過去即可安裝。如非註明轉載, 均為原創. 本站遵循 知識共享CC協議,轉載請註明來源