在前端判断 iPhone -4 与 iPhone -5 的办法

[maga]

为iphone-4与5做了两套图，想各自加载不同的<img src>, 在前端有什么办法区分这两者吗？在后端通过user-agent可以判断，但感觉不是特别好的办法，增加了后端的逻辑。

[qdvictory]

是判断ip还是判断页面高度？

[luo123qiu]

根据窗口高度来判断吧。

[jsonline]

iPhone 负4？

[NemoAlex]

navigator.userAgent
iPhone 4 和 5 这个有区别么？

[jiangpeng]

userAgent 只会知道是 iPhone 还是 iPad，还是得窗口高度啊

[kamal]

iPhone 4 UA
Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531.22.7

iPhone 5 UA
Mozilla/5.0 (iPhone; CPU iPhone OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3

iPhone OS 4_0
iPhone OS 5_0

[jiangpeng]

@kamal 这是 iOS 的版本吧……

[kamal]

@jiangpeng 是我搞错了
http://www.darianshimy.com/blog/2013/01/18/javascript-iphone-4-slash-5-detection/
这里有解决方法。

[iamocean]

window.screen.height > 480 ? iphone5 : iphone4;