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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM