Page.setViewport() 方法

page.setViewport 将调整页面大小。很多网站并不期望手机改变尺寸，因此你应在导航到页面之前设置视口。

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

签名

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

参数

返回值：

Promise<void>

备注

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

示例

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