我们如何实现浏览器放大和缩小剧作家？

Question

需要找到一种在 e2e 测试运行期间放大和缩小浏览器的方法。 下面的代码不起作用。

await page.keyboard.down('Control');
  for (let i = 0; i < 7; i++) {
    await page.keyboard.press('+');
  }
  await page.keyboard.up('Control');

Answer 1

您可以使用 Javascript 进行设置：

 await page.evaluate(() => {
            document.body.style.zoom=1.0;
        });

将值设置为所需的缩放：

• 1.0是 100%
• 1.1是 110%
• 等等

我没有安装任何东西来测试这个，但如果你遇到任何问题，请告诉我，我会再看看。

Answer 2

可能对您有用：

let zoom: 0.1;
let zoomLevel = 1;
zoomLevel += zoom;
document.getElementById("canvasDivContainer").offsetWidth == document.getElementById("canvasDivContainer").offsetWidth - 1000;
$('body').css({ zoom: zoomLevel, '-moz-transform': 'scale(' + zoomLevel + ')' });

Answer 3

我没有用上面的任何方法得到它，我在这里得到了它

page.evaluate("document.body.style.zoom=2.0")

2.0=200%