HTML / 前端技術 / 筆記 · 2019-10-22

Html5 Browser Detection 判斷裝置來源

判斷裝置來源

判斷手機與電腦

<script>
  //裝置來源判斷
  if(window.navigator.userAgent.indexOf('iPhone') != '-1' || window.navigator.userAgent.indexOf('Android') != '-1' || window.navigator.userAgent.indexOf('iPad') != '-1')
 {
   window.location.href='index_mobile.php';
 }
   else
 {
   window.location.href='index_desktop.php';
 }
</script>

判斷手機

<script>
   //裝置來源判斷
   if(window.navigator.userAgent.indexOf('iPhone') != '-1' || window.navigator.userAgent.indexOf('Android') != '-1' || window.navigator.userAgent.indexOf('iPad') != '-1')
 {
   window.location.href='index_mobile.php';
 }
</script>

判斷多個裝置

var mobiles = new Array
            (
                "midp", "j2me", "avant", "docomo", "novarra", "palmos", "palmsource",
                "240x320", "opwv", "chtml", "pda", "windows ce", "mmp/",
                "blackberry", "mib/", "symbian", "wireless", "nokia", "hand", "mobi",
                "phone", "cdm", "up.b", "audio", "sie-", "sec-", "samsung", "htc",
                "mot-", "mitsu", "sagem", "sony", "alcatel", "lg", "eric", "vx",
                "NEC", "philips", "mmm", "xx", "panasonic", "sharp", "wap", "sch",
                "rover", "pocket", "benq", "java", "pt", "pg", "vox", "amoi",
                "bird", "compal", "kg", "voda", "sany", "kdd", "dbt", "sendo",
                "sgh", "gradi", "jb", "dddi", "moto", "iphone", "android",
                "iPod", "incognito", "webmate", "dream", "cupcake", "webos",
                "s8000", "bada", "googlebot-mobile"
            )
   
    var ua = navigator.userAgent.toLowerCase();
    var isMobile = false;
    for (var i = 0; i < mobiles.length; i++) {
        if (ua.indexOf(mobiles[i]) > 0) {
            isMobile = true;
            //mobile版處置方式(ex:轉到m目錄下)
            window.location.href='m/';
            break;
        }
    }