Page.setViewport() 方法

🌐 Page.setViewport() method

page.setViewport 将调整页面大小。许多网站没有预料到手机会改变尺寸，因此你应该在导航到页面之前设置视口。

在单个浏览器中有多个页面的情况下，每个页面可以有自己的视口大小。将视口设置为 null 会将视口重置为默认值。

🌐 In the case of multiple pages in a single browser, each page can have its own viewport size. Setting the viewport to null resets the viewport to its default value.

语法

🌐 Signature

class Page {
  abstract setViewport(viewport: Viewport | null): Promise<void>;
}

参数

🌐 Parameters

范围 🌐 Parameter	类型 🌐 Type	描述 🌐 Description
viewport	[视窗]（./puppeteer.viewport.md） |无效

返回:

Promise<void>

附注

🌐 Remarks

注意：在某些情况下，设置视口会重新加载页面，以便设置 isMobile 或 hasTouch 属性。

🌐 NOTE: in certain cases, setting viewport will reload the page in order to set the isMobile or hasTouch properties.

示例

🌐 Example

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