Chrome擴展開發入門指南

作者: Phinecos(洞庭散人)  來源: 博客園  發布時間: 2009-03-19 21:40  閱讀: 2014 次  推薦: 0   原文鏈接   [收藏]  

      Google終于放出了Chrome的第一個擴展示例,雖然還十分簡陋,但對喜歡擴展的firefox粉絲來說可說是個大好消息。

      準備工作:你需要使用a recent developer build 或者Google Chrome 2.0 beta.

      1)首先創建一個文件夾,例如c:"myextension,在這個目錄下創建一個文本文件,命名為manifest.json,在其中放入下面幾句:

{
  "format_version": 1,
  "id": "00123456789ABCDEF0123456789ABCDEF0123456",
  "version": "1.0",
  "name": "My First Extension",
  "description": "The first extension that I made."
}

其中各個參數含義如下:

format_version(必需的):向Chrome指明擴展所使用的清單格式版本。目前只有一個格式版本,因此設為1.

id(必需的):擴展的ID號(唯一的)。目前可以設為任何40個十進制數字,將來會改為擴展的公鑰的SHA-1的哈希值。

version(必需的):擴展的版本號。可以使用任意點分格式的數字串

name(必需的):擴展的名稱。

description(可選的):擴展的描述信息

      2)在目錄下加入一個hello_world.html文件,在其中加入

    Hello,  World!

      3)為了讓Chrome支持擴展,右鍵桌面上Chrome的快捷鍵,選擇屬性,在目標這一欄中空一格后,加入

--enable-extensions --load-extension="c:\myextension"

 

      4)啟動Chrome,輸入下列URL:

如圖所示:

 

      5)輸入下列URL:

chrome-ui://extensions/

將會列出所有已經安裝的擴展,同時還會顯示擴展系統啟動時發生的錯誤信息。

6)內容腳本。它是由Chrome加載進來在web頁面上運行的JavaScript文件。這和firefox擴展類似。要加入一個內容腳本,首先在清單文件中對其進行注冊,如下所示:

{
  "format_version": 1,
  "id": "00123456789ABCDEF0123456789ABCDEF0123456",
  "version": "1.0",
  "name": "My First Extension",
  "description": "The first extension that I made.",
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "js": ["foo.js"]
    }
  ]
}

      然后創建一個腳本文件foo.js,其中代碼如下:

document.images[0].src = "http://bit.ly/1293Af";
document.images[
0].style.height = "auto";

     在Chrome中輸入http://www.google.com/,你將看到如下畫面:

注:內容腳本可以在頁面開頭或結尾執行,默認情況下是結尾處執行,當然你也可以加入”run_at”:”document-start”來告訴Chrome在開頭處執行。

7)NPAPI插件。Chrome擴展可以包含NPAPI插件這樣的二進制組件。如果你想在擴展中使用一個NPAPI插件,首先在擴展中為其創建一個目錄,名為”plugins”,然后在清單文件中為其注冊如下:

{
  "format_version": 1,
  "id": "00123456789ABCDEF0123456789ABCDEF0123456",
  "version": "1.0",
  "name": "My First Extension",
  "description": "The first extension that I made.",
  "plugins_dir": "plugins"
}

8)打包發布。要對擴展進行打包發布前,首先確認你安裝了Python2.6,然后使用下述腳本文件chromium_extension.py

chromium_extension.py

 這個腳本運行方式如下所示:

chromium_extension.py --indir="c:\myextension" --outfile="myextension.crx"

這將會產生一個.crx文件,然后將其拖拽進Chrome即可實現擴展的安裝

 

參考資料

1Chrome Extension HOWTO

2First Google Chrome Extensions

0
0
 
標簽:Chrome
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()