Playwright's Page.ViewportSize 什么时候可以为空？

Question

Page.ViewportSize属性定义为可空

在什么条件下可以为空?

Answer 1

Viewport: null主要用于头部/交互模式。这仅仅意味着用户可以通过调整窗口大小来设置视口大小。

注意:null值从默认预设中选择退出，使视口依赖于操作系统定义的主机窗口大小。它使测试的执行不确定。

代码示例:

const playwright = require('playwright');
(async () => {
for (const browserType of ['chromium', 'firefox', 'webkit']) {
const browser = await playwright[browserType].launch();
const context = await browser.newContext({
viewport: null
});
const page = await context.newPage();
await page.goto('https://google.com');


await page.screenshot({ path: `example-${browserType}.png` });
await browser.close();
}
})();

参考:https://github.com/microsoft/playwright/issues/2170

Answer 2

另一种为空的情况:

来自repo上的一个维护者:

ConnectOverCDP和如果你在上下文创建时没有传递viewport是这样的场景，它为空。