擴充功能 Service Worker 基本概念

擴充功能服務 worker 的安裝和更新方式與網頁服務 worker 不同。本頁面說明這些差異。

註冊 Service Worker

如要註冊擴充功能服務 worker,請在 manifest.json 檔案的 "background" 欄位中指定該 worker。使用 "service_worker" 鍵,指定單一 JavaScript 檔案。網頁或網路應用程式中的服務工作管理員會先在 navigator 中偵測 serviceWorker 的功能,然後在功能偵測中呼叫 register(),以註冊服務工作管理員。但不適用於擴充功能。

{
  "name": "Awesome Test Extension",
  ...
  "background": {
    "service_worker": "service-worker.js"
  },
  ...
}

匯入指令碼

您可以透過兩種方法將指令碼匯入服務工作者:import 陳述式和 importScripts() 方法。請注意,系統不支援 import(),通常稱為動態匯入。

如要使用 import 陳述式,請在資訊清單中新增 "type" 欄位,並指定 "module"。例如:

  "background": {
    "service_worker": "service-worker.js",
    "type": "module"
  }

接著,按照平常的方法使用 import。請注意,系統不支援匯入斷言。

import { tldLocales } from './locales.js';

請在網路服務 worker 中使用 importScripts()

importScripts('locales.js');

更新

如要更新服務工作者,請發布擴充功能的新版本至 Chrome 線上應用程式商店。您無法透過從伺服器載入擴充功能來解決這個問題。基於安全性考量,Manifest V3 不支援遠端代管的程式碼。您的服務工作者必須是擴充功能套件的一部分。