thunderstrike/puppeteer
thunderstrike/puppeteer
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs(api.md): improve emulateMediaFeatures section (#5807)

Browse Source
This commit is contained in:
Vasilii Artemchuk 2020-05-05 08:43:14 +03:00 committed by GitHub
parent ec91ecaf0b
commit 53d6fabf80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
docs/api.md
View File

@ -1337,32 +1337,32 @@ List of all available devices is available in the source code: [src/DeviceDescri
```js ```js
await page.emulateMediaFeatures([{ name: 'prefers-color-scheme', value: 'dark' }]); await page.emulateMediaFeatures([{ name: 'prefers-color-scheme', value: 'dark' }]);
await page.evaluate(() => matchMedia('(prefers-color-scheme: dark)').matches)); await page.evaluate(() => matchMedia('(prefers-color-scheme: dark)').matches);
// → true // → true
await page.evaluate(() => matchMedia('(prefers-color-scheme: light)').matches)); await page.evaluate(() => matchMedia('(prefers-color-scheme: light)').matches);
// → false // → false
await page.evaluate(() => matchMedia('(prefers-color-scheme: no-preference)').matches)); await page.evaluate(() => matchMedia('(prefers-color-scheme: no-preference)').matches);
// → false // → false
await page.emulateMediaFeatures([{ name: 'prefers-reduced-motion', value: 'reduce' }]); await page.emulateMediaFeatures([{ name: 'prefers-reduced-motion', value: 'reduce' }]);
await page.evaluate(() => matchMedia('(prefers-reduced-motion: reduce)').matches)); await page.evaluate(() => matchMedia('(prefers-reduced-motion: reduce)').matches);
// → true // → true
await page.evaluate(() => matchMedia('(prefers-color-scheme: no-preference)').matches)); await page.evaluate(() => matchMedia('(prefers-reduced-motion: no-preference)').matches);
// → false // → false
await page.emulateMediaFeatures([ await page.emulateMediaFeatures([
{ name: 'prefers-color-scheme', value: 'dark' }, { name: 'prefers-color-scheme', value: 'dark' },
{ name: 'prefers-reduced-motion', value: 'reduce' }, { name: 'prefers-reduced-motion', value: 'reduce' },
]); ]);
await page.evaluate(() => matchMedia('(prefers-color-scheme: dark)').matches)); await page.evaluate(() => matchMedia('(prefers-color-scheme: dark)').matches);
// → true // → true
await page.evaluate(() => matchMedia('(prefers-color-scheme: light)').matches)); await page.evaluate(() => matchMedia('(prefers-color-scheme: light)').matches);
// → false // → false
await page.evaluate(() => matchMedia('(prefers-color-scheme: no-preference)').matches)); await page.evaluate(() => matchMedia('(prefers-color-scheme: no-preference)').matches);
// → false // → false
await page.evaluate(() => matchMedia('(prefers-reduced-motion: reduce)').matches)); await page.evaluate(() => matchMedia('(prefers-reduced-motion: reduce)').matches);
// → true // → true
await page.evaluate(() => matchMedia('(prefers-color-scheme: no-preference)').matches)); await page.evaluate(() => matchMedia('(prefers-reduced-motion: no-preference)').matches);
// → false // → false
``` ```
@ -1371,22 +1371,22 @@ await page.evaluate(() => matchMedia('(prefers-color-scheme: no-preference)').ma
- returns: <[Promise]> - returns: <[Promise]>
```js ```js
await page.evaluate(() => matchMedia('screen').matches)); await page.evaluate(() => matchMedia('screen').matches);
// → true
await page.evaluate(() => matchMedia('print').matches));
// → true // → true
await page.evaluate(() => matchMedia('print').matches);
// → false
await page.emulateMediaType('print'); await page.emulateMediaType('print');
await page.evaluate(() => matchMedia('screen').matches)); await page.evaluate(() => matchMedia('screen').matches);
// → false // → false
await page.evaluate(() => matchMedia('print').matches)); await page.evaluate(() => matchMedia('print').matches);
// → true // → true
await page.emulateMediaType(null); await page.emulateMediaType(null);
await page.evaluate(() => matchMedia('screen').matches)); await page.evaluate(() => matchMedia('screen').matches);
// → true
await page.evaluate(() => matchMedia('print').matches));
// → true // → true
await page.evaluate(() => matchMedia('print').matches);
// → false
``` ```
#### page.emulateTimezone(timezoneId) #### page.emulateTimezone(timezoneId)