更改（Chrome）LightHouse报告的最终屏幕截图分辨率

Question

我正在使用这个出色的工具来为我们自己的网站创建效果报告。我还需要截屏以查看网站在台式计算机上的外观。

默认情况下，LightHouse似乎会以移动分辨率截屏。

我该如何更改？

如果可能，我会尽量避免使用其他库，例如Puppeteer。

谢谢

Answer 1

使用 full-page-screenshot 审核

值得一提的是，在 Lighthouse 7.5 版（不知道以前的版本如何）中，完整尺寸的屏幕截图在名为 full-page-screenshot 的审核中。

考虑到这是一个“整页”屏幕截图，因此它的整个网站从上到下（不仅可见首屏内容）。

除此之外，@menelaos 的回答描述了有关操作窗口大小和设备模拟的所有内容，您需要获取任何大小的屏幕截图。