我希望自动更改样式和其他视觉元素,以便在iPad和iPhone上运行时更好地利用屏幕空间。
如何从Web应用程序中识别我正在运行的设备(理想情况下,它的屏幕分辨率)?
答案 0 :(得分:5)
您可以使用JavaScript检测屏幕分辨率。此外,平台(iPad / iPhone / iPod)列在用户代理中(您也可以获得via javascript)。
用户代理字符串的示例:
Mozilla / 5.0( iPad ; U; CPU OS 4_2_1,如Mac OS X; zh-CN)AppleWebKit / 533.17.9(KHTML,类似Gecko)版本/ 5.0.2 Mobile / 8C148 Safari /6533.18.5
Mozilla / 5.0( iPhone ; U; CPU iPhone OS 4_2_1,如Mac OS X; en-us)AppleWebKit / 533.17.9(KHTML,类似Gecko)版本/ 5.0.2 Mobile / 8C148 Safari浏览器/ 6533.18.5
Mozilla / 5.0( iPod ; U; CPU iPhone OS 4_2_1,如Mac OS X; zh-CN)AppleWebKit / 533.17.9(KHTML,类似Gecko)版本/ 5.0.2 Mobile / 8C148 Safari浏览器/ 6533.18.5
请注意,在野外,iDevice用户有时会将其用户代理字符串修改为其他内容(根据我的经验,只有一小部分时间)。