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');