跳至主要内容
版本: 22.5.0

Page.setViewport() 方法

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

在单个浏览器中存在多个页面的情况下，每个页面都可以拥有自己的视窗大小。

签名:​

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

参数​

参数类型描述
viewportViewport

返回值

Promise<void>

备注​

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

示例​

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