一般通过navigator.userAgent来嗅探Android系统和IOS系统:
if(/android/i.test(navigator.userAgent)){
//android
}
if(/iphone/ipad/mac/i.test(navigator.userAgent)){
//ios
}
Android和IOS在横竖屏感测上的差异:
Android: 90度 -90度为竖屏,0度 180度为横屏。
IOS: 0度 180度为竖屏,90度 -90度为横屏。
移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。从而根据实际需求而执行相应的程序。
通过添加监听事件onorientationchange("onorientationchange" in window ? "orientationchange" : "resize"),可以作出灵活的响应。