標籤:橫豎屏判斷
廢話不多說,直接進入正題!
<!DOCTYPE html><html><head><meta charset="utf-8"><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"><title> JS 判斷ipad android 等行動裝置橫豎屏代碼 源碼--AangJava</title><script type="text/javascript">// Detect whether device supports orientationchange event, otherwise fall back to// the resize event.var supportsOrientationChange = "onorientationchange" in window, orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";// 監聽事件window.addEventListener(orientationEvent, function() { var ua = navigator.userAgent; var deviceType=""; //判斷裝置類型 if (ua.indexOf("iPad") > 0) { deviceType = "isIpad"; } else if (ua.indexOf("Android") > 0) { deviceType = "isAndroid"; } else { alert("既不是ipad,也不是安卓!"); return; } // 判斷橫豎屏 if ("isIpad" == deviceType) { if (Math.abs(window.orientation) == 90) { alert("我是ipad的橫屏"); } else { alert("我是ipad的豎屏"); } } else if ("isAndroid" == deviceType ) { if (Math.abs(window.orientation) != 90) { alert("我是安卓的橫屏"); } else { alert("我是安卓的豎屏"); } }}, false);</script></head><body> AangJava 測試橫豎屏JS代碼</body></html>
JS 判斷ipad android 等行動裝置橫豎屏代碼 源碼--AangJava