Page.emulateVisionDeficiency() 方法

模擬頁面上指定的視覺缺陷。

簽名

class Page {
  abstract emulateVisionDeficiency(
    type?: Protocol.Emulation.SetEmulatedVisionDeficiencyRequest['type'],
  ): Promise<void>;
}

參數

參數	類型	描述
type	Protocol.Emulation.SetEmulatedVisionDeficiencyRequest['type']	(可選) 要模擬的缺陷類型，或 'none' 以重置。

回傳

Promise<void>

範例

import puppeteer from 'puppeteer';

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://v8.dev.org.tw/blog/10-years');

  await page.emulateVisionDeficiency('achromatopsia');
  await page.screenshot({path: 'achromatopsia.png'});

  await page.emulateVisionDeficiency('deuteranopia');
  await page.screenshot({path: 'deuteranopia.png'});

  await page.emulateVisionDeficiency('blurredVision');
  await page.screenshot({path: 'blurred-vision.png'});

  await page.emulateVisionDeficiency('reducedContrast');
  await page.screenshot({path: 'reduced-contrast.png'});

  await browser.close();
})();