我想知道如何检测iPhone、iPad和其他移动浏览器。(使用JavaScript或CSS)
编辑:
不是用户代理字符串,请注意,因为它可以被伪造。
可能的重复问题:
我想知道如何检测iPhone、iPad和其他移动浏览器。(使用JavaScript或CSS)
编辑:
不是用户代理字符串,请注意,因为它可以被伪造。
可能的重复问题:
user-agent
HTTP头部值(几乎总是)检测您的移动电话和浏览器功能。navigator.userAgent.toLowerCase().search("iphone") > -1
使用 Modernizr - http://modernizr.com/
Modernizr 是一个 JS 脚本,它在页面加载时测试浏览器的各种 HTML5 和 CSS3 功能。您可以查看 Modernizr JS 对象,或使用它添加到 HTML 元素的类。如果存在“touch”类,则表示您有一个触摸屏设备;否则,该类为 no-touch。然后您可以在 CSS 中执行以下操作
.touch .myElement { /* touch device styles */ }
.no-touch .myElement { /* regular browser styles */ }
测试浏览器的功能比嗅探用户代理更有用和未来可靠。通过这种方式,对于您想要添加的每个CSS3功能,您都可以轻松编写回退,就像我在这里展示的那样。