什麼是擴充功能？

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

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

  1. 在瀏覽器中前往 chrome://extensions。你也可以按一下多功能方塊右上方的 Chrome 選單，將滑鼠游標懸停在「更多工具」上，然後選取「擴充功能」，存取這個頁面。
  2. 勾選「開發人員模式」旁的方塊。
  3. 按一下「載入未封裝的擴充功能」，然後選取「Hello Extensions」擴充功能的目錄。

恭喜！現在只要按一下 hello_extensions.png 圖示或按下鍵盤上的 Ctrl+Shift+F，即可使用彈出式擴充功能。

後續步驟

  1. 按照入門教學課程操作
  2. 閱讀總覽
  3. 如要瞭解最新消息，請參閱 Chromium 網誌
  4. 訂閱 chromium-extensions 群組