Chrome瀏覽器擴展開發系列之一：初識Google Chrome擴展

1.       Google Chrome擴展簡介

Google Chrome擴展是一種軟件，以加強Chrome瀏覽器的功能。

Google Chrome擴展使用HTML、JavaScript、CSS和圖片等Web技術開發。

Google Chrome擴展與Google Chrome插件不一樣。Google Chrome擴展無需瞭解瀏覽器的源代碼，而Google Chrome插件是更底層的瀏覽器功能擴展，須要深刻掌握瀏覽器的源代碼。

 

2.       Google Chrome擴展的基本組成

Google Chrome擴展，至少包括一個manifest.json和一個js文件

• manifest.json是擴展的調度中心，用於聲明各類資源。該文件採用JSON格式定義
• js文件中定義要執行的操做

Google Chrome擴展，一般還能夠包括圖標、頁面和CSS等資源

• 圖標一般是19px*19px的PNG文件
• 頁面一般是HTML文件，用於定義顯示給用戶的窗口，如popup頁面或options頁面等

                注意：控制popup窗口或options窗口的分別是popup.js和options.js文件

• CSS是常見的定義頁面樣式的文件

做爲一個Google Chrome擴展，上述全部文件應該都位於一個根目錄之下，各個不一樣類型的文件能夠位於不一樣的子目錄下。

 

3.       Google Chrome擴展的部署運行

Google Chrome擴展的運行無需依賴任何Web服務器。Chrome 瀏覽器能夠方便地進行部署、測試和運行。經過Chrome 瀏覽器打開chrome://extensions頁面能夠查看當前Chrome 瀏覽器部署的所有擴展，該頁面也能夠經過Chrome 瀏覽器的「 ->更多工具->擴展程序」打開。chrome://extensions頁面以下：

 

在chrome://extensions頁面中，選中右上角的「開發者模式」，出現開發輔助按鈕以下：

 

 

在開發者模式中，開發人員能夠經過「加載已解壓縮的擴展程序…」按鈕，直接加載並調試Google Chrome擴展。固然，也能夠直接將擴展程序所在的目錄拖放到chrome://extensions頁面中，實現對擴展程序的加載。Chrome 瀏覽器會對加載的擴展程序的manifest.json文件進行語法有效性驗證，經過驗證的擴展程序將會馬上在Chrome 瀏覽器中生效。

注意：manifest.json文件僅在加載過程當中被讀取一次。對manifest.json文件的修改必須經過從新加載纔可以生效。

在開發過程當中，開發人員能夠經過「當即更新擴展程序」按鈕，查看Google Chrome擴展的最新變化。

Google Chrome擴展開發完畢，開發人員能夠經過「打包擴展程序…」將程序打包爲一個.crx文件，以便於發佈。

經過Chorme Developer Dashboard (註冊須要$5)，能夠將Google Chrome擴展發佈到Chrome Web Store。