用JavaScript查找高清设备的屏幕宽度

我需要用JavaScript查找设备的屏幕宽度，我无法更改html，也不想在这样做之前插入meta viewport标记。基本上，我需要检测设备宽度是否低于600px（CSS像素）

我已经看到了iOS Safari和默认Android浏览器之间的不同行为，但不幸的是：

Command                                           iPhone4     GalaxyS3
------------------------------------------------------------------------
window.devicePixelRatio                           2           2      
window.innerWidth                                 982         626  
window.outerWidth                                 326         720
screen.width                                      320         720 
screen.availWidth                                 320         720  
matchMedia('(max-width: 599px)').matches          false       false
matchMedia('(max-device-width: 599px)').matches   true        false

不幸的是，上述值的不一致性意味着我似乎无法使用JavaScript（例如，我可以在Android上用screen.width除以window.devicePixelRatio，但这在iOS上是不正确的）

是否有一种可靠的跨浏览器方法可以做到这一点？

您可以尝试使用viewport utility。这是一个开源库。然后你可以简单地使用：

$.viewportW() // Get the viewport width in pixels.

---

希望这有帮助

这似乎是可行的，理想情况下，我不想只包含一个函数的整个库，但这绝对是一个选项。。谢谢我会试着通过边缘源来了解它们是什么doing@penx你可以试试。。。document.documentElement.clientWidth