什麼是擴充功能?

擴充功能是可以自訂瀏覽體驗的小型軟體程式。可讓使用者根據個人需求或偏好調整 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 選單,將滑鼠遊標懸停在「More Tools」上,然後選取「Extensions」
  2. 勾選「開發人員模式」旁邊的方塊。
  3. 按一下「Load Unpacked Extension」,然後選取「Hello Extensions」擴充功能的目錄。

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

接下來要我為你做什麼呢?

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