Firefox 开发者工具的响应视图显示错误的宽度

Question

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

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

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

这是几个屏幕截图，可以更好地解释我的意思：

谷歌浏览器

火狐

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

Answer 1

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

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

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

停用它并亲自查看。