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/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協議,轉載請註明來源