跳到主要内容
版本: 23.11.1

Page.setViewport() 方法

page.setViewport 将调整页面大小。许多网站不希望手机更改尺寸，因此您应该在导航到页面之前设置视口。

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

签名​

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

参数​

参数

类型

描述

viewport

Viewport | null

返回

Promise<void>

备注​

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

示例​

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