javascript - 区分 iPad 和 .来自网络应用程序内部的 iPhone？

Question

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

如何从 Web 应用程序识别我正在运行的设备(最好是它的屏幕分辨率)？

Answer 1

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

用户代理字符串示例:

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

Mozilla/5.0 (iPod; U; CPU iPhone OS 4_2_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5

请注意，在野外，iDevice 用户有时会将他们的用户代理字符串修改为其他内容(根据我的经验，这只是百分之一的一小部分)。