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。