更改ChromeLightHouse报告的最终屏幕截图分辨率

问题描述

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

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

我该如何更改?

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

谢谢

解决方法

使用 full-page-screenshot 审核

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

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

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