JavaScript 提取了什么:
screen.width
和
screen.height
在 iPad 3 上?是吗:
1024x768
是否有 2048x1536 的宽度/高度?
JavaScript 提取了什么:
screen.width
和
screen.height
在 iPad 3 上?是吗:
1024x768
是否有 2048x1536 的宽度/高度?
1024x768
这样大小在设备之间是一致的。
iPad 3 的分辨率为 2048×1536 像素——正好是当前 iPad 分辨率的两倍。
那是 iPad 的用户代理:
平板电脑:
Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F190 Safari/6533.18.5
iPad2:
Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F191 Safari/6533.18.5
iPad3:??
有一种方法可以检测用户是否正在使用 iPad 设备:
// For use within normal web clients
var isiPad = navigator.userAgent.match(/iPad/i) != null;
// For use within iPad developer UIWebView
// Thanks to Andrew Hedges!
var ua = navigator.userAgent;
var isiPad = /iPad/i.test(ua) || /iPhone OS 3_1_2/i.test(ua) || /iPhone OS 3_2_2/i.test(ua);
但是,我认为正确的方法是根据用户分辨率而不是用户设备创建界面。您可以阅读有关响应式网页设计的更多信息,您的访问者应该会喜欢 :)
奖金 有一个工具,您可以同时在所有分辨率下测试您的“响应式”设计:http: //mattkersley.com/responsive/