从Web应用程序中区分iPad与iPhone？

Question

我希望自动改变样式和其他视觉元素,以便在iPad和iPhone上运行时更好地利用屏幕空间.

如何从Web应用程序中识别我正在运行的设备(理想情况下,它的屏幕分辨率)？

Answer 1

您可以使用JavaScript检测屏幕分辨率.此外,平台(iPad/iPhone/iPod)列在用户代理中(您也可以通过javascript获取).

用户代理字符串的示例:

Mozilla/5.0(iPad ; U; CPU OS 4_2_1,如Mac OS X; en-us)AppleWebKit/533.17.9(KHTML,与Gecko一样)Version/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; en-us)AppleWebKit/533.17.9(KHTML,与Gecko一样)Version/5.0.2 Mobile/8C148 Safari/6533.18.5

请注意,在野外,iDevice用户有时会将其用户代理字符串修改为其他内容(根据我的经验,只有一小部分时间).