js獲取瀏覽器資訊--名稱、版本、作業系統

阿新 • • 發佈：2019-01-20

在網上搜索了一些關於獲取瀏覽器資訊的文章，總結如下：

下面介紹下 js獲取客戶端瀏覽器資訊
Navigator 物件包含有關瀏覽器的資訊，js就是通過Navigator的屬性獲取客戶端瀏覽器資訊。
Navigator 物件屬性：
屬性描述:
appCodeName 返回瀏覽器的程式碼名。
appMinorVersion 返回瀏覽器的次級版本。
appName 返回瀏覽器的名稱。
appVersion 返回瀏覽器的平臺和版本資訊。
browserLanguage 返回當前瀏覽器的語言。
cookieEnabled 返回指明瀏覽器中是否啟用 cookie 的布林值。
cpuClass 返回瀏覽器系統的 CPU 等級。
onLine 返回指明系統是否處於離線模式的布林值。
platform 返回執行瀏覽器的作業系統平臺。
systemLanguage 返回 OS 使用的預設語言。
userAgent 返回由客戶機發送伺服器的 user-agent 頭部的值。
userLanguage 返回 OS 的自然語言設定。

下圖截自chrome瀏覽器Navigator的物件屬性資訊

以下程式碼獲取了瀏覽器的名稱，版本，作業系統：

<!Doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<script type="text/javascript">
    var browserInfor = {};
    var browserInfor.getBrowserInfo = function(){
        var agent = navigator.userAgent.toLowerCase() ;
        var sUserAgent = navigator.userAgent; 
        var regStr_ie = /msie [\d.]+;/gi ;
        var regStr_ff = /firefox\/[\d.]+/gi
        var regStr_chrome = /chrome\/[\d.]+/gi ;
        var regStr_saf = /safari\/[\d.]+/gi ;
        //IE
        if(agent.indexOf("msie") > 0)
        {
            return "瀏覽器："+agent.match(regStr_ie);
        }
        //firefox
        if(agent.indexOf("firefox") > 0)
        {
            return "瀏覽器："+agent.match(regStr_ff) ;
        }
        //Chrome
        if(agent.indexOf("chrome") > 0)
        {
            return "瀏覽器："+agent.match(regStr_chrome);
        }
        //Safari
        if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0)
        {
            return "瀏覽器："+agent.match(regStr_saf) ;
        } 
    }
    var browserInfor.detectOS = function(){
        var sUserAgent = navigator.userAgent; 
        var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); 
        var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel"); 
        if (isMac) return "Mac"; 
        var isUnix = (navigator.platform == "X11") && !isWin && !isMac; 
        if (isUnix) return "Unix"; 
        var isLinux = (String(navigator.platform).indexOf("Linux") > -1); 
        var bIsAndroid = sUserAgent.toLowerCase().match(/android/i) == "android";
        if (isLinux) {
        if(bIsAndroid) return "Android";
        else return "Linux"; 
        }
        if (isWin) { 
        var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1; 
        if (isWin2K) return "作業系統：Win2000"; 
        var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1
        sUserAgent.indexOf("Windows XP") > -1; 
        if (isWinXP) return "作業系統：WinXP"; 
        var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1; 
        if (isWin2003) return "作業系統：Win2003"; 
        var isWinVista= sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1; 
        if (isWinVista) return "作業系統：WinVista"; 
        var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1; 
        if (isWin7) return "作業系統：Win7"; 
        var isWin8 = sUserAgent.indexOf("windows nt6.2") > -1 || sUserAgent.indexOf("Windows 8") > -1;
        if (isWin8) return "作業系統：Win8";    
        }
        return "其他"; 
    }
    var browserInfor.digits = function(){
        var agent = navigator.userAgent.toLowerCase() ;
        var sUserAgent = navigator.userAgent; 
        var sUserAgent = navigator.userAgent; 
        var is64 = sUserAgent.indexOf("WOW64") > -1;
        if (is64) {
            return "64位";
        }else{
           return "32位";  
        }
    }
alert(browserInfor.getBrowserInfo()+'\n'+browserInfor.detectOS()+'-'+browserInfor.digits()); 
</script>    
</body>
</html>

js獲取瀏覽器資訊--名稱、版本、作業系統

js獲取瀏覽器資訊--名稱、版本、作業系統

獲取瀏覽器的名稱以及版本號

JS獲取瀏覽器資訊

js獲取窗口滾動條高度、窗口可視範圍高度、文檔實際內容高度、滾動條離瀏覽器底部的高度

JS 獲取瀏覽器視窗大小clientWidth、offsetWidth、scrollWidth

Python獲取物件資訊的函式type()、isinstance()、dir()

【小程式】獲取使用者資訊儲存到本地、全域性變數

小程式（一）獲取使用者資訊儲存到本地、全域性變數

Android獲取應用程式名稱的穩定、可靠、簡單方案

獲取物件資訊dir()及getattr()、setattr()以及hasattr()

js獲取瀏覽器版本信息

FreeMarker js 獲取後臺設置的request、session

JS獲取input標籤的text值、JS獲取下拉框內容、input控制只能輸入數字等問題彙總

JS判斷瀏覽器iOS（iPhone）、Android手機移動端

用js獲取當前的時間包括年、月、日、時、分、秒

js獲取網頁和元素的寬度、高度

js獲取瀏覽器基本資訊：document.body.clientWidth/clientHeight/scrollWidth/scrollTop。

js獲取瀏覽器版本

js獲取瀏覽器和設備相關width（屏幕的寬度）

js 獲取瀏覽器高度和寬度值

js獲取瀏覽器資訊--名稱、版本、作業系統

相關推薦