google-chrome - Firefox Developer Tools 上的响应式 View 显示错误的宽度

Question

我正在使用 Firefox 的开发人员工具测试一个网站，我遇到了一个奇怪的错误。然后我用一个简单的控制台日志 console.log($(window).width) 检查了窗口宽度，我发现开发人员工具中报告的宽度与 javascript 检测到的宽度不同。

我尝试使用 Google DevTools 并显示宽度与控制台日志宽度一致。

这是 Firefox 的错误还是我做错了什么？实际上，在真实的移动设备和 Google DevTools 上，该网站可以正常运行，但如果我在 Firefox 上测试同一页面，我会看到一个实际上不存在的错误(因此我浪费了一些时间)。

这是一些屏幕截图，可以更好地解释我的意思:

谷歌浏览器

火狐

调整浏览器窗口大小不会影响 JavaScript $(window).width

Answer 1

恕我直言，问题出在开发人员工具的文档中。

他们没有提到有关触摸模拟改变渲染行为的事情。

据我所知，触摸模拟会激活某种形式的“逻辑像素”模式，其中使用设备 DPI 或 DPR 转换长度。

停用它并亲自查看。