google-chrome - Chrome Canary 上的 Lighthouse 错误地给出了错误“视口的内容大小不正确”

Question

灯塔审计工具给出以下错误：视口的内容大小不正确

即使这从未出现在普通的 Chrome 上

版本 69.0.3497.100（官方版本）（64 位）中的相同问题...

Answer 1

单击以获取有关此错误的更多信息会将您带到https://developers.google.com/web/tools/lighthouse/audits/content-sized-correctly-for-viewport，它定义了此错误是由于条件失败造成的：

window.innerWidth === window.outerWidth

这是一个愚蠢的错误（也报告给了 Google），为了防止它，只需确保 DevTools 没有堆叠在网页的右侧 :)

分享以帮助可能遇到此问题的其他一些网络优化器。

Answer 2

我发现在 ChromiumOs (CloudReady) 中，如果在查看要评估的页面时使用Ctrl- Shift-调用 lighthouse，并且“切换设备工具栏”( - - )，然后生成灯塔报告，这个错误就会消失。ICtrlShiftM

但是，如果从扩展图标调用灯塔（它将在单独的页面中运行，则会出现错误。在这种情况下，我还没有找到任何方法来消除这种多余的错误。