首頁 > 開發者 > 網站開發

js識別不同瀏覽器，js識別

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

js識別不同瀏覽器，js識別

檢測瀏覽器，注意瀏覽器判斷順序，主要是基於userAgent做判斷。

//檢測瀏覽器

var client = function(){
    var engine = {
        ie:0,
        gecko:0,
        webkit:0,
        khtml:0,
        opera:0,
        ver:null
    };
    var browser = {
        //瀏覽器
        ie: 0,
        firefox: 0,
        safari: 0,
        konq: 0,
        opera: 0,
        chrome: 0,
        ver:null
    };
    var ua = navigator.userAgent;
    //瀏覽器檢測有順序
    if(window.opera){//opera偽裝，所以優先檢測
        engine.ver = browser.ver = window.opera.version();
        engine.opera = browser.opera = parseFloat(engine.ver);
    } else if(/AppleWebKit\/(\S+)/.test(ua)){
        engine.ver = RegExp["$1"];
        engine.webkit = parseFloat(engine.ver);


        //確定是 Chrome 還是 Safari
        if (/Chrome\/(\S+)/.test(ua)){
            browser.ver = RegExp["$1"];
            browser.chrome = parseFloat(browser.ver);
        } else if (/Version\/(\S+)/.test(ua)){
            browser.ver = RegExp["$1"];
            browser.safari = parseFloat(browser.ver);
        } else {
            //近似地確定版本號碼
            var safariVersion = 1;
            if (engine.webkit < 100){
                safariVersion = 1;
            } else if (engine.webkit < 312){
                safariVersion = 1.2;
            } else if (engine.webkit < 412){
                safariVersion = 1.3;
            } else {
                safariVersion = 2;
            }


            browser.safari = browser.ver = safariVersion;
        }




    }else if (/KHTML\/(\S+)/.test(ua) || /Konqueror\/([^;]+)/.test(ua)){
        engine.ver = browser.ver = RegExp["$1"];
        engine.khtml = browser.konq = parseFloat(engine.ver);
    }else if (/rv:([^\)]+)\) Gecko\/\d{8}/.test(ua)){
        engine.ver = RegExp["$1"];
        engine.gecko = parseFloat(engine.ver);
        //確定是不是 Firefox
        if (/Firefox\/(\S+)/.test(ua)){
            browser.ver = RegExp["$1"];
            browser.firefox = parseFloat(browser.ver);
        }
    }else if (/MSIE ([^;]+)/.test(ua)){
        engine.ver = browser.ver = RegExp["$1"];
        engine.ie = browser.ie = parseFloat(engine.ver);
    }
    return {
        engine:engine,
        browser: browser
    };
}();


//調用

if (client.engine.webkit) { //if it’s WebKit 
 if (client.browser.chrome){ 
 //執行針對 Chrome 的代碼 
 } else if (client.browser.safari){ 
 //執行針對 Safari 的代碼 
 } 
} else if (client.engine.gecko){ 
 if (client.browser.firefox){ 
 //執行針對 Firefox 的代碼 
 } else { 
 //執行針對其他 Gecko 瀏覽器的代碼 
 } 
} 


js檢測瀏覽器類型，（麻煩幫寫個代碼）

只會區分Firefox和IE，不會世界之窗。。。。

這樣的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/...al.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<script>
if(document.all){alert("ie");}
else alert("S BFirefox");
</script>
</head>

<body>
</body>
</html>
 
js怎去識別瀏覽器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/...al.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<script type="text/javascript">
function browserinfo(){
var Browser_Name=navigator.appName;
var Browser_Version=parseFloat(navigator.appVersion);
var Browser_Agent=navigator.userAgent;
var Actual_Version,Actual_Name;
var is_IE=(Browser_Name=="Microsoft Internet Explorer");//判讀是否為ie瀏覽器
var is_NN=(Browser_Name=="Netscape");//判斷是否為netscape瀏覽器
var is_op=(Browser_Name=="Opera");//判斷是否為Opera瀏覽器
if(is_NN){
//upper 5.0 need to be process,lower 5.0 return directly
if(Browser_Version>=5.0){
if(Browser_Agent.indexOf("Netscape")!=-1){
var Split_Sign=Browser_Agent.lastIndexOf("/");
var Version=Browser_Agent.lastIndexOf(" ");
var Bname=Browser_Agent.substring(0,Split_Sign);
var Split_sign2=Bname.lastIndexOf(" ");
Actual_Version=Browser_Agent.substring(Split_Sign+1,Browser_Agent.length);
Actual_Name=......餘下全文>>
 

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More