puppeteer-v2

Puppteer の v2 で更新されたAPIを3つ紹介します。
1と2に関してはサンプルコードも用意しました。

1. page.emulatemediafeaturesfeatures(features)

v2.0で追加された page.emulatemediafeaturesfeatures(features) は、DARK/LIGHTモードに変更することができます。

// DARKモードに変更
await page.emulateMediaFeatures([{ name: 'prefers-color-scheme', value: 'dark' }])
// DARKモードになったか確認
const isDarkMode = await page.evaluate(() => matchMedia('(prefers-color-scheme: dark)').matches))

• Lightモードの場合は、 dark を light に指定してください。

サンプルコード: src/emulate-media-features.js

2. page.emulateTimezone(timezoneId)

こちらもv2.0で追加されました。 page.emulateTimezone(timezoneId) を使うことで、timezoneを変更できるようになりました。

timezoneId は、 こちら で確認できます。

// timezoneを変更
await page.emulateTimezone('Asia/Tokyo')

サンプルコード: src/emulate-timezone.js

3. page.emulatemediatype(type)

v2.0以前にあった page.emulateMedia(type) が廃止され、新しくできたのがこの page.emulatemediatype(type) です。このAPIを使うと、CSSメディアタイプを変更することができます。

type には現在、screen/printを指定することができます。

// printに変更
await page.emulateMediaType('print')
// printになったか確認
await page.evaluate(() => matchMedia('print').matches))

サンプルコード: 割愛

使い方

$ git clone https://github.com/yagisuke/puppeteer-v2.git
$ cd puppeteer-v2
$ npm i
$ node src/[finename]