欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境

 更新時(shí)間:2023年04月21日 10:28:49   作者:李書(shū)明  
本文主要介紹了js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

navigator.userAgent : 瀏覽器用于 HTTP 請(qǐng)求的用戶代理頭的值,通過(guò)UserAgent可以取得瀏覽器類(lèi)別、版本,客戶端操作系統(tǒng)等信息。

在PC端打開(kāi) ,navigator.userAgent 顯示如下

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36

在手機(jī)web端打開(kāi) ,navigator.userAgent 顯示如下

Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1

場(chǎng)景1:判斷頁(yè)面是在手機(jī)端還是PC端打開(kāi)

window.location.href=/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)?"http://localhost:8888/mobile_web":"http://localhost:8888/PC";

場(chǎng)景2:判斷頁(yè)面是在手機(jī)端,平板端還是PC端打開(kāi)

var os = function (){
    var ua = navigator.userAgent,
    isWindowsPhone = /(?:Windows Phone)/.test(ua),
    isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
    isAndroid = /(?:Android)/.test(ua),
    isFireFox = /(?:Firefox)/.test(ua),
    isChrome = /(?:Chrome|CriOS)/.test(ua),
    isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
    isPhone = /(?:iPhone)/.test(ua) && !isTablet,
    isPc = !isPhone && !isAndroid && !isSymbian;
    return {
        isTablet: isTablet,
        isPhone: isPhone,
        isAndroid: isAndroid,
        isPc: isPc
    };    
}();
 
if (os.isAndroid || os.isPhone) {   
   alert("手機(jī)" );
} else if (os.isTablet) {
    alert("平板" );
} else if (os.isPc) {
    alert("電腦" );
}

場(chǎng)景3:獲取操作系統(tǒng)類(lèi)型,判斷是Android或者IOS

/**
     * 獲取操作系統(tǒng)類(lèi)型,
     * 0 Android
     * 1 iOS
     */
    function getOSType() {
        if (/(Android)/i.test(navigator.userAgent)) {
            return 0;
        } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
            return 1;
        } else {
            return 2;
        }
    }

場(chǎng)景4:判斷當(dāng)前環(huán)境是否是微信環(huán)境

function is_weixin(){
      var ua = navigator.userAgent.toLowerCase();
      if(ua.match(/MicroMessenger/i)=="micromessenger") {
           return true;
     } else {
            return false;
      }
}

到此這篇關(guān)于js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境的文章就介紹到這了,更多相關(guān)js navigator.userAgent瀏覽器環(huán)境內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JavaScript的懶加載處理的方式

    JavaScript的懶加載處理的方式

    懶加載是一種優(yōu)化技術(shù),它可以延遲加載某些資源,直到它們真正需要被使用的時(shí)候才進(jìn)行加載,實(shí)現(xiàn)懶加載的方法一般分為兩種:基于 Intersection Observer API 的懶加載和基于滾動(dòng)事件的懶加載,本文給大家介紹JavaScript的懶加載處理方式,感興趣的朋友一起看看吧
    2023-10-10
  • ES6新特性:使用export和import實(shí)現(xiàn)模塊化詳解

    ES6新特性:使用export和import實(shí)現(xiàn)模塊化詳解

    本篇文章主要介紹了ES6新特性:使用export和import實(shí)現(xiàn)模塊化詳解,具有一定的參考價(jià)值,有興趣的可以了解一下
    2017-07-07
  • VSCode 配置uni-app的方法

    VSCode 配置uni-app的方法

    這篇文章主要介紹了VSCode 配置uni-app的方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-07-07
  • JavaScript判斷是否為數(shù)字的幾種方式匯總(推薦!)

    JavaScript判斷是否為數(shù)字的幾種方式匯總(推薦!)

    有時(shí)候需要根據(jù)輸入的內(nèi)容來(lái)進(jìn)行計(jì)算,這個(gè)時(shí)候就需要判斷輸入的內(nèi)容是否是數(shù)字,下面這篇文章主要給大家介紹了關(guān)于JavaScript判斷是否為數(shù)字的幾種方式,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-06-06
  • 用js將long型數(shù)據(jù)轉(zhuǎn)換成date型或datetime型的實(shí)例

    用js將long型數(shù)據(jù)轉(zhuǎn)換成date型或datetime型的實(shí)例

    下面小編就為大家?guī)?lái)一篇用js將long型數(shù)據(jù)轉(zhuǎn)換成date型或datetime型的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-07-07
  • JavaScript實(shí)現(xiàn)簡(jiǎn)單打地鼠游戲

    JavaScript實(shí)現(xiàn)簡(jiǎn)單打地鼠游戲

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單打地鼠游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • Javascript學(xué)習(xí)筆記-詳解in運(yùn)算符

    Javascript學(xué)習(xí)筆記-詳解in運(yùn)算符

    in運(yùn)算符是javascript語(yǔ)言中比較特殊的一個(gè),可以單獨(dú)使用作為判斷運(yùn)算符,也常被用于for...in循環(huán)中遍歷對(duì)象屬性
    2011-09-09
  • Javascript異步編程async實(shí)現(xiàn)過(guò)程詳解

    Javascript異步編程async實(shí)現(xiàn)過(guò)程詳解

    這篇文章主要介紹了Javascript異步編程async實(shí)現(xiàn)過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-04-04
  • JavaScript實(shí)現(xiàn)Flash炫光波動(dòng)特效

    JavaScript實(shí)現(xiàn)Flash炫光波動(dòng)特效

    JavaScript寫(xiě)的炫光波動(dòng)效果,看到一些Flash效果不錯(cuò),用JS也模擬一下,還有很多不完善的地方,給各位參考參考。
    2015-05-05
  • 關(guān)于JavaScript回調(diào)函數(shù)的深入理解

    關(guān)于JavaScript回調(diào)函數(shù)的深入理解

    由于函數(shù)是一等對(duì)象,我們可以把一個(gè)函數(shù)作為參數(shù)傳遞給另一個(gè)函數(shù),然后在那個(gè)函數(shù)內(nèi)執(zhí)行,至也可以被那個(gè)函數(shù)返回,然后再執(zhí)行,這篇文章主要給大家介紹了關(guān)于JavaScript回調(diào)函數(shù)的深入理解,需要的朋友可以參考下
    2021-06-06

最新評(píng)論