JS判斷移動端、PC端、iOS端、安卓端

Towers 發布于2019-08-23 18:40 / 826人閱讀

判斷 PC/移動

$(function () {
    var sUserAgent = navigator.userAgent.toLowerCase();
    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
    var bIsMidp = sUserAgent.match(/midp/i) == "midp";
    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
    var bIsAndroid = sUserAgent.match(/android/i) == "android";
    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
    if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
        console.log("移動");
    } else {
        console.log("PC");
    };
});

判斷Android端、iOS端

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    //alert(navigator.userAgent);  
    window.location.href ="iPhone.html";
} else if (/(Android)/i.test(navigator.userAgent)) {
    //alert(navigator.userAgent); 
    window.location.href ="Android.html";
} else {
    window.location.href ="pc.html";
};
if(/(iPhone|iOS|Android|Windows Phone)/i.test(navigator.userAgent)){
    window.location.href = "mobile.html";
}

GPU云服務器云服務器 js判斷移動端 webRTC安卓跟pc端 php判斷移動端訪問 js?移動端滑動

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105649.html

WEB移動端粘黏吸頂效果的解決方案

摘要：原文鏈接一般的吸頂，通常是給上一個定位便可實現，而類似于上圖這樣的粘黏吸頂，也是一個比較常見的需求粘黏吸頂大概的思路是這樣首先，給吸頂欄一個或者定位，通過去監聽事件觸發一個判斷吸頂欄高度的函數，當吸頂欄的高度距離可視區域頂部小于等于時，將其原文鏈接: Fyerls Blog showImg(https://segmentfault.com/img/bVJMAs?w=360&h=240...

macg0406 2019-08-20 14:35 評論0 收藏0
WEB移動端粘黏吸頂效果的解決方案

摘要：原文鏈接一般的吸頂，通常是給上一個定位便可實現，而類似于上圖這樣的粘黏吸頂，也是一個比較常見的需求粘黏吸頂大概的思路是這樣首先，給吸頂欄一個或者定位，通過去監聽事件觸發一個判斷吸頂欄高度的函數，當吸頂欄的高度距離可視區域頂部小于等于時，將其原文鏈接: Fyerls Blog showImg(https://segmentfault.com/img/bVJMAs?w=360&h=240...

Cobub 2019-08-30 15:53 評論0 收藏0
WEB移動端粘黏吸頂效果的解決方案

摘要：原文鏈接一般的吸頂，通常是給上一個定位便可實現，而類似于上圖這樣的粘黏吸頂，也是一個比較常見的需求粘黏吸頂大概的思路是這樣首先，給吸頂欄一個或者定位，通過去監聽事件觸發一個判斷吸頂欄高度的函數，當吸頂欄的高度距離可視區域頂部小于等于時，將其原文鏈接: Fyerls Blog showImg(https://segmentfault.com/img/bVJMAs?w=360&h=240...

figofuture 2019-08-01 16:23 評論0 收藏0
移動端頁面布局及字體大小該如何設置

摘要：首先是屏幕問題，現在主流的移動設備以安卓和為主，我們在制作移動端頁面也是以兼容這兩種設備去布局。而其實目前安卓，很多的設備還是比較常見的了，所以我們這里，將之前對設備的判斷，轉變成對是否是整數的一個判斷。之前發過一篇文章《移動端應該如何動態設置字體大小？》，主要說了移動web端布局的一些解決方法，本文再一次把這個問題提出來，并分別對安卓和IOS設備的屏幕了解做出自己的分享，在進入正文...

nevermind 2019-08-19 17:27 評論0 收藏0