JS 判斷PC、android、ios、微信瀏覽器

yexiaobai 發布于2019-08-26 13:35 / 530人閱讀

摘要：通過來判斷判斷訪問此鏈接的操作系統初始化加載程序判斷是不是移動端是否移動端是否移動端判斷是不是微信瀏覽器是微信瀏覽器是微信瀏覽器不是微信瀏覽器不是微信瀏覽器判斷瀏覽器所在機器操作系統版本黑莓系統黑莓系統黑莓系統

通過js userAgent來判斷

判斷訪問此鏈接的操作系統

var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
var flag = true;

/**
 * 初始化加載程序
 */
window.onload = function(){
    console.log(isMobile());
    console.log(isWechat());
    console.log(getOsVersion());
}

/**
 * 判斷是不是移動端
 * @returns {boolean}
 */
function isMobile() {
    var userAgentInfo = navigator.userAgent;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    document.write("是否移動端-"+ !flag+"http://");
    return "是否移動端-" + !flag;
}

/**
 * 判斷是不是微信瀏覽器
 * @returns {boolean}
 */
function isWechat() {
    var ua = navigator.userAgent.toLowerCase();

    if(ua.match(/MicroMessenger/i)=="micromessenger"){
        document.write("是微信瀏覽器//");
        return "是微信瀏覽器";
    }
    else{
        document.write("不是微信瀏覽器//");
        return "不是微信瀏覽器";
    }
}

/**
 * 判斷瀏覽器所在機器操作系統版本
 */
function getOsVersion(){
    var u = navigator.userAgent,version = "";
    if (u.indexOf("Mac OS X") > -1) {
        //ios
        var regStr_saf = /OS [d._]*/gi;
        var verinfo = u.match(regStr_saf);
        version ="ios" + (verinfo + "").replace(/[^0-9|_.]/ig,"").replace(/_/ig,".");
        document.write("ios");
    } else if (u.indexOf("Android") > -1
        || u.indexOf("Linux") > -1) {
        //android
        version ="android" + u.substr(u.indexOf("Android") + 8, u.indexOf(";", u.indexOf("Android")) - u.indexOf("Android") - 8);
        document.write("android");
    } else if (u.indexOf("BB10") > -1) {
        //黑莓bb10系統
        version ="黑莓bb10系統" +  u.substr(u.indexOf("BB10") + 5, u.indexOf(";", u.indexOf("BB10")) - u.indexOf("BB10") - 5);
        document.write("黑莓bb10系統");
    } else if (u.indexOf("IEMobile")) {
        //windows phone
        version ="windows phone";
        document.write("windows phone")
    }
    return version;
}

云服務器 GPU云服務器 JS判斷瀏覽器 js瀏覽器判斷代碼 js判斷用戶瀏覽器 js微信瀏覽器關閉

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

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

H5項目常見問題匯總及解決方案

摘要：解決方案可以解決在手機上點擊事件的延遲的模塊，事件也是為了解決在的延遲問題顯示屏原理及設計方案說明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點由個變為多個，如在同樣帶下的屏幕上，蘋果設備的顯示屏中，像素點個變為個。原文鏈接 - https://github.com/FrontEndRo... H5項目常見問題及注意事項 Meta基礎知識： H5頁面窗口自動調整到設備...

marser 2019-08-20 14:08 評論0 收藏0
H5項目常見問題及注意事項

摘要：解決方案可以解決在手機上點擊事件的延遲的模塊，事件也是為了解決在的延遲問題顯示屏原理及設計方案說明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點由個變為多個，如在同樣帶下的屏幕上，蘋果設備的顯示屏中，像素點個變為個。 Meta基礎知識： H5頁面窗口自動調整到設備寬度，并禁止用戶縮放頁面 //一、HTML頁面結構 // width 設置viewport寬度，為一...

honhon 2019-08-21 10:51 評論0 收藏0
H5項目常見問題及注意事項

摘要：解決方案可以解決在手機上點擊事件的延遲的模塊，事件也是為了解決在的延遲問題顯示屏原理及設計方案說明屏是一種具備超高像素密度的液晶屏，同樣大小的屏幕上顯示的像素點由個變為多個，如在同樣帶下的屏幕上，蘋果設備的顯示屏中，像素點個變為個。 Meta基礎知識： H5頁面窗口自動調整到設備寬度，并禁止用戶縮放頁面 //一、HTML頁面結構 // width 設置viewport寬度，為一...

Little_XM 2019-08-30 13:07 評論0 收藏0