利用javascript判斷瀏覽器類型

lncwwn 發布于2019-08-22 18:33 / 2879人閱讀

摘要：判斷瀏覽類型的相關方法控制臺打印瀏覽器相關信息將瀏覽器信息獲取，并轉成小寫判斷是火狐瀏覽器瀏覽器瀏覽器瀏覽器上面代碼可以判斷火狐谷歌瀏覽器，但是國內的瀏覽器搜狗瀏覽器運行的時候的結果是瀏覽器在判斷是還是瀏覽器判斷是瀏覽器還是其它瀏覽器瀏覽器

判斷瀏覽類型的相關方法

控制臺打印瀏覽器相關信息

window.navigator.userAgent.toLowerCase()//將瀏覽器信息獲取，并轉成小寫

判斷是ie、火狐、chrome瀏覽器

       function isBrowser(){
        var agent=navigator.userAgent.toLowerCase()
        console.log(agent)
            if(agent.indexOf("chrome")>0){
                alert("chrome瀏覽器")
            }
            if(agent.indexOf("firefox")>0){
                alert("firefox瀏覽器")
            }
            if(agent.indexOf("trident")>0){
                alert("IE瀏覽器")
            }
       }
    isBrowser()

上面代碼可以判斷ie,火狐,谷歌瀏覽器，但是國內的QQ瀏覽器,搜狗瀏覽器運行的時候alert的結果是"Chrome瀏覽器"

在判斷是qq還是Chrome瀏覽器

 function isBrowser(){
        var agent=navigator.userAgent.toLowerCase()
        console.log(agent)
           System=function(){
            if(agent.indexOf("qqbrowser")>0){//判斷是qq瀏覽器還是其它瀏覽器
               return alert("qq瀏覽器")
            }
            if(agent.indexOf("se 2.x")>0){
                return alert("搜狗瀏覽器")
            }
            alert("chrome瀏覽器")
           }
           System()
            if(agent.indexOf("firefox")>0){
                alert("firefox瀏覽器")
            }
            if(agent.indexOf("trident")>0){
                alert("IE瀏覽器")
            }
       }
    isBrowser()

360瀏覽器奇葩

360瀏覽器通過上面的方法并不能檢測出是360瀏覽器

//application/vnd.chromium.remoting-viewer 可能為360特有 通過_mine判斷是否是360
function isBrowser(){
        var agent=navigator.userAgent.toLowerCase()
        console.log(agent)
           System=function(){
            if(agent.indexOf("qqbrowser")>0){//判斷是qq瀏覽器還是其它瀏覽器
               return alert("qq瀏覽器")
            }
            if(agent.indexOf("se 2.x")>0){
                return alert("搜狗瀏覽器")
            }
             var is360 = _mime("type", "application/vnd.chromium.remoting-viewer");
            
            if (is360) { 
                return "360瀏覽器"
            }
      
        //檢測是否是谷歌內核(可排除360及谷歌以外的瀏覽器)
        //測試mime
        function _mime(option, value) {
            var mimeTypes = navigator.mimeTypes;
            console.log(mimeTypes)
            for (var mt in mimeTypes) {
                if (mimeTypes[mt][option] == value) {
                    return true;
                }
            }
            return false;
        }
            alert("chrome瀏覽器")
           }
           System()
            if(agent.indexOf("firefox")>0){
                alert("firefox瀏覽器")
            }
            if(agent.indexOf("trident")>0){
                alert("IE瀏覽器")
            }
       }
    isBrowser()

這樣就可以判斷出是360瀏覽器
是通過兩位作者1和作者2的方法總結出來的。

GPU云服務器云服務器判斷類型類型判斷判斷數字類型 python判斷類型

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

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

每日 30 秒 ? 數據類型大亂燉

showImg(https://segmentfault.com/img/remote/1460000018796041?w=900&h=500); 簡介字符串、數字、布爾值、Null、Undefined、對象、數組、函數、判斷方法 JavaScript 中有兩種數據類型，分別是基本數據類型和引用數據類型：基本數據類型引用數據類型 Number、String、Boolean、Null...

meteor199 2019-08-23 16:08 評論0 收藏0
javascript如何判斷變量的數據類型

摘要：除和外，所有的數據類型都是可以轉化為對象，而如果是對象，就肯定有構造函數。特性因為和沒有構造函數，因此不能用此方法來判斷。由于同一條原型繼承鏈上的各個對象的構造函數都不一樣，因此，此方法可以區分開繼承鏈上的各個自定義數據類型。 typeof 用法示例 var arr = []; typeof arr; //object typeof(arr); //object typeo...

曹金海 2019-08-22 10:59 評論0 收藏0
JavaScript對象

摘要：對象的分類內置對象原生對象就是語言預定義的對象，在標準定義，有解釋器引擎提供具體實現宿主對象指的是運行環境提供的對象。不過類型是中所有類型的父級所有類型的對象都可以使用的屬性和方法，可以通過的構造函數來創建自定義對象。對象 javaScript中的對象，和其它編程語言中的對象一樣，可以比照現實生活中的對象來理解。在JavaScript中，一個對象可以是一個單獨擁有屬性和類型的實體。和...

xavier 2019-08-23 11:01 評論0 收藏0
task0002（一）- JavaScript數據類型及語言基礎

摘要：不過讓流行起來的原因應該是是目前所有主流瀏覽器上唯一支持的腳本語言。經過測試，數字字符串布爾日期可以直接賦值，修改不會產生影響。再考慮對象類型為或者的情況。對于結果聲明其類型。判斷對象的類型是還是，結果類型更改。轉載自我的個人博客歡迎大家批評指正 1. 第一個頁面交互這里最需要學習的老師的代碼中，每一部分功能都由函數控制，沒有創建一個全部變量。且最后有一個函數來控制執行代碼...

elarity 2019-08-22 10:59 評論0 收藏0
前端面試之手寫代碼

摘要：雖然構造函數或者對象字面量的方法都可以用來創建對象，但是這些方法使用同一個接口創建很多對象，會產生大量的重復代碼。參考資料冴羽的專題系列中高級前端面試手寫代碼無敵秘籍前端筆試之手寫代碼一本系列會從面試的角度出發圍繞JavaScript，Node.js(npm包)以及框架三個方面來對常見的模擬實現進行總結，具體源代碼放在github項目上，長期更新和維護 showImg(https://use...

niceforbear 2019-05-21 16:12 評論0 收藏0