擴充功能是可以自訂瀏覽體驗的小型軟體程式。可讓使用者 根據個人需求和偏好自訂 Chrome 功能和行為。建立於網站 例如 HTML、JavaScript 和 CSS
擴充功能必須實現範圍有限且易於理解的單一用途。A 罩杯 單一擴充功能可包含多個元件和範圍, 以達成共同目標為目的
使用者介面應精簡,且有意圖。包括簡易圖示 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
。你也可以按一下 方法是將滑鼠遊標懸停在「更多工具」上,然後選取 擴充功能: - 勾選「開發人員模式」旁邊的方塊。
- 按一下 [Load Unpacked Extension],然後選取「Hello Extensions」的目錄 。
恭喜!你現在可以按一下 hello_world.png
圖示來使用彈出式視窗型擴充功能
或是按下鍵盤上的 Ctrl+Shift+F
鍵。
接下來該怎麼做?
- 按照入門教學課程操作
- 閱讀總覽
- 閱讀 Chromium 網誌,隨時掌握最新資訊
- 訂閱 chromium-extensions 群組