Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

docs(api.md): add notes on race condition in page.setViewport #4319

Merged
merged 2 commits into from
Jun 11, 2019
Merged

docs(api.md): add notes on race condition in page.setViewport #4319

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
85ad253
docs(api.md): add notes on race condition in page.setViewport
aslushnikov Apr 20, 2019
ed3f7db
address comments
aslushnikov Jun 11, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
15 changes: 14 additions & 1 deletion docs/api.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1236,7 +1236,8 @@ Emulates given device metrics and user agent. This method is a shortcut for call
- [page.setViewport(viewport)](#pagesetviewportviewport)

To aid emulation, puppeteer provides a list of device descriptors which can be obtained via the [`puppeteer.devices`](#puppeteerdevices).
Below is an example of emulating an iPhone 6 in puppeteer:

`page.emulate` will resize the page. A lot of websites don't expect phones to change size, so you should emulate before navigating to the page.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is even easier. The user agent needs to be sent before the first navigation.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fair! Keeping it as-is doesn't hurt.


```js
const puppeteer = require('puppeteer');
Expand Down Expand Up @@ -1799,6 +1800,18 @@ puppeteer.launch().then(async browser => {

In the case of multiple pages in a single browser, each page can have its own viewport size.

`page.setViewport` will resize the page. A lot of websites don't expect phones to change size, so you should set the viewport before navigating to the page.

```js
const page = await browser.newPage();
await page.setViewport({
width: 640,
height: 480,
deviceScaleFactor: 1,
});
await page.goto('https://example.com');
```

#### page.tap(selector)
- `selector` <[string]> A [selector] to search for element to tap. If there are multiple elements satisfying the selector, the first will be tapped.
- returns: <[Promise]>
Expand Down