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

【问题标题】：Lighthouse on Chrome Canary incorrectly gives the error 'Content is not sized correctly for the viewport'Chrome Canary 上的 Lighthouse 错误地给出了错误“视口的内容大小不正确”
【发布时间】：2018-11-15 20:13:45
【问题描述】：

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

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

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

【问题讨论】：

标签： google-chrome progressive-web-apps audit lighthouse chrome-canary

【解决方案1】：

我发现在 ChromiumOs (CloudReady) 中，如果在查看要评估的页面时使用 Ctrl-Shift-I 调用灯塔，和“切换设备工具栏”（Ctrl-Shift-M），然后生成灯塔报告，此错误消失。

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

【讨论】：

【解决方案2】：

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

window.innerWidth === window.outerWidth

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

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

【讨论】：