js識別不同瀏覽器基于userAgent做判斷
更新時間:2014年07月29日 09:39:34 投稿:whsnow
本節(jié)主要介紹了js識別不同瀏覽器依據(jù)是userAgent,需要的朋友可以參考下
檢測瀏覽器,注意瀏覽器判斷順序,主要是基于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偽裝,所以優(yōu)先檢測 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 }; }(); //調(diào)用 if (client.engine.webkit) { //if it's WebKit if (client.browser.chrome){ //執(zhí)行針對 Chrome 的代碼 } else if (client.browser.safari){ //執(zhí)行針對 Safari 的代碼 } } else if (client.engine.gecko){ if (client.browser.firefox){ //執(zhí)行針對 Firefox 的代碼 } else { //執(zhí)行針對其他 Gecko 瀏覽器的代碼 } }
相關(guān)文章
使用 JavaScript 創(chuàng)建并下載文件(模擬點擊)
本文將介紹如何使用 JavaScript 創(chuàng)建文件,并自動/手動將文件下載,這在導(dǎo)出原始數(shù)據(jù)時會比較方便2019-10-10javascript檢查瀏覽器是否已經(jīng)啟用XX功能
本文給大家分享的是檢測瀏覽器是否支持cookie功能,檢查瀏覽器是否已經(jīng)啟用Java支持功能以及獲取當(dāng)前瀏覽器的信息,十分的實用,有需要的小伙伴可以參考下。2015-07-07100多個基礎(chǔ)常用JS函數(shù)和語法集合大全
本文將介紹100多個基礎(chǔ)常用JS函數(shù)和語法,具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02在JavaScript中對HTML進行反轉(zhuǎn)義詳解
下面小編就為大家?guī)硪黄贘avaScript中對HTML進行反轉(zhuǎn)義詳解。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05js實現(xiàn)網(wǎng)頁自動刷新可制作節(jié)日倒計時效果
這篇文章主要介紹了通過js實現(xiàn)的網(wǎng)頁自動刷新,利用此功能可制作節(jié)日倒計時效果,需要的朋友可以參考下2014-05-05