擴充功能是可以自訂瀏覽體驗的小型軟體程式。可讓使用者根據個人需求或偏好調整 Chrome 的功能和行為。而且建構在 HTML、JavaScript 和 CSS 等網路技術上。
擴充功能必須滿足單一用途,而且定義明確且容易理解。單一擴充功能可包含多個元件和一系列功能,前提是一切共同具共同用途。
使用者介面應盡可能精簡,且具備意圖。可從簡單的圖示 (例如上述的 Google Mail Checker 擴充功能) 到覆寫整個頁面。
系統會將擴充功能檔案壓縮成單一 .crx
套件,供使用者下載並安裝。這表示擴充功能與網路內容無關,與一般網頁應用程式不同。
擴充功能會透過 Chrome 開發人員資訊主頁發布,並發布至 Chrome 線上應用程式商店。詳情請參閱商店開發人員說明文件。
Hello 擴充功能
參考下方的 Hello Extensions 簡短範例,進一步查看擴充功能。請先建立新的目錄來儲存擴充功能的檔案,或是從範例頁面下載。
接著,新增名為 manifest.json
的檔案,並加入以下程式碼:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2
}
雖然每個擴充功能都需要資訊清單,但大多數擴充功能無法充分發揮資訊清單的功能。在本快速入門中,擴充功能會在 browser_action
欄位下方宣告彈出式視窗檔案和圖示:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
}
}
請按這裡下載 hello_extensions.png
,然後建立名為 hello.html
的檔案:
<html>
<body>
<h1>Hello Extensions</h1>
</body>
</html>
按一下圖示時,擴充功能現在會顯示 hello.html
。下一步是在 manifest.json
中加入啟用鍵盤快速鍵的指令。這個步驟很有趣,但不必要:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
},
"commands": {
"_execute_browser_action": {
"suggested_key": {
"default": "Ctrl+Shift+F",
"mac": "MacCtrl+Shift+F"
},
"description": "Opens hello.html"
}
}
}
最後一個步驟是在本機電腦上安裝擴充功能。
- 使用瀏覽器前往
chrome://extensions
。如要存取這個頁面,您也可以按一下網址列右上方的 Chrome 選單,將滑鼠遊標懸停在「More Tools」上,然後選取「Extensions」。 - 勾選「開發人員模式」旁邊的方塊。
- 按一下「Load Unpacked Extension」,然後選取「Hello Extensions」擴充功能的目錄。
恭喜!您現在可以按一下 hello_world.png
圖示或按下鍵盤上的 Ctrl+Shift+F
,使用彈出式視窗型擴充功能。
接下來要我為你做什麼呢?
- 按照入門教學課程操作
- 閱讀總覽
- 想隨時掌握最新資訊,請參閱 Chromium 網誌
- 訂閱 chromium-extensions 群組