Chrome 擴充功能

Puppeteer 可用於測試 Chrome 擴充功能。

注意事項

Chrome/Chromium 中的擴充功能目前只在非無頭模式和 Chrome 無頭模式實驗版本下運作。

下列程式碼用於取得來源位於 ./my-extension 中某擴充功能的 背景頁面

import puppeteer from 'puppeteer';
import path from 'path';

(async () => {
  const pathToExtension = path.join(process.cwd(), 'my-extension');
  const browser = await puppeteer.launch({
    headless: 'new',
    args: [
      `--disable-extensions-except=${pathToExtension}`,
      `--load-extension=${pathToExtension}`,
    ],
  });
  const backgroundPageTarget = await browser.waitForTarget(
    target => target.type() === 'background_page'
  );
  const backgroundPage = await backgroundPageTarget.page();
  // Test the background page as you would any other page.
  await browser.close();
})();

備註

Chrome Manifest V3 擴充功能具有類型的 'service_worker' 背景 ServiceWorker，而非類型的 'background_page' 背景頁面。

備註

目前無法測試擴充功能快顯視窗或內容指令碼。