什麼是擴充功能?

擴充功能是可以自訂瀏覽體驗的小型軟體程式。可讓使用者 根據個人需求和偏好自訂 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"
    }
  }
}

最後一步是在本機電腦上安裝擴充功能。

  1. 透過瀏覽器前往 chrome://extensions。你也可以按一下 方法是將滑鼠遊標懸停在「更多工具」上,然後選取 擴充功能
  2. 勾選「開發人員模式」旁邊的方塊。
  3. 按一下 [Load Unpacked Extension],然後選取「Hello Extensions」的目錄 。

恭喜!你現在可以按一下 hello_world.png 圖示來使用彈出式視窗型擴充功能 或是按下鍵盤上的 Ctrl+Shift+F 鍵。

接下來該怎麼做?

  1. 按照入門教學課程操作
  2. 閱讀總覽
  3. 閱讀 Chromium 網誌,隨時掌握最新資訊
  4. 訂閱 chromium-extensions 群組