JS判斷瀏覽器

??判斷是不是移動設(shè)備瀏覽現(xiàn)如今各種終端越來越多贷腕,用戶可以隨時隨地在任何設(shè)備上查看優(yōu)質(zhì)的網(wǎng)頁棱貌,但是這對于前端程序員來說也是時代的考驗忘闻。
??早年間就一臺電腦箍邮,而且顯示器就那么點(diǎn)大棒动,怎么都好做糙申,現(xiàn)在···說多了全是淚。
??之前一直把在多個項目里面運(yùn)用相同功能的JS函數(shù)代碼船惨,這讓每次我們都在文件中不停地復(fù)制柜裸,后來就想著把經(jīng)常能用到的函數(shù)做成代碼庫。以后的項目只需要引用.js文件就可以了粱锐。
??想了老半天疙挺,名字想不好,也想搞個高端怜浅、大氣铐然、上檔次的,但是苦于“哥是個文盲”恶座,索性把代碼貼出來搀暑,反正都不是我寫的,我就是喜歡用跨琳。

  1. 判斷瀏覽器類型
//獲取瀏覽器類型 
function getExploerName(){ 
var explorer =navigator.userAgent; var className = '';
//ie  
if (explorer.indexOf("MSIE") >= 0) { 
   className = 'ie'; 
} 
//firefox  
else if (explorer.indexOf("Firefox") >= 0) { 
   className = 'Firefox'; 
} 
//Chrome 
else if(explorer.indexOf("Chrome") >= 0){ 
   className = 'Chrome'; 
} 
//Opera
else if(explorer.indexOf("Opera") >= 0){ 
   className = 'Opera';
}
//Safari 
else if(explorer.indexOf("Safari") >= 0){ 
   className = 'Safari'; 
} 
//Netscape 
else if(explorer.indexOf("Netscape")>= 0) { 
   className = 'Netscape';
} 
   return className;
} 
  1. 判斷是不是移動設(shè)備瀏覽
function isMobile() { 
    if((navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1) || (navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('Android') != -1)){ 
        return true; 
    }else{ 
        return false; 
    } 
}
  1. 判斷是不是微信瀏覽器
function isWeixn(){ 
      var ua = window.navigator.userAgent.toLowerCase(); 
      if(ua.match(/MicroMessenger/i)=="micromessenger") { 
        return true; 
      } else { 
        return false; 
      }
 }
  1. 判斷移動設(shè)備橫屏or豎屏
//判斷iphone自点、ipad橫屏還是豎屏 
function orient() { 
    if (window.orientation == 90 || window.orientation == -90) { 
        //ipad、iphone豎屏/Andriod橫屏
        $("body").attr("class", "landscape"); orientation = 'landscape'; 
        console.log("橫屏"); 
        return false; 
    } else if (window.orientation == 0 || window.orientation == 180) {
        //ipad脉让、iphone橫屏桂敛;Andriod豎屏 
        $("body").attr("class", "portrait"); orientation = 'portrait'; console.log("豎屏"); 
        return false; 
    } 
} 
//頁面加載時調(diào)用 
$(function () { orient(); }); 
//用戶變化屏幕方向時調(diào)用 
$(window).bind('orientationchange', function (e) { orient(); });
  1. 判斷移動終端類型
//判斷移動終端類型
var browser = { 
     versions:function(){ 
     var u = navigator.userAgent, app = navigator.appVersion; 
     return ; 
     }(), 
     language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
document.writeln("語言版本: "+browser.language);
document.writeln(" 是否為移動終端: "+browser.versions.mobile);
document.writeln(" ios終端: "+browser.versions.ios);
document.writeln(" android終端: "+browser.versions.android);
document.writeln(" 是否為iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
document.writeln(navigator.userAgent);

類似的方法很多
分享一個使用實(shí)例:

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
     //alert(navigator.userAgent);  
     window.location.href ="iPhone.html";
} else if (/(Android)/i.test(navigator.userAgent)) {
     //alert(navigator.userAgent);  
     window.location.href ="Android.html";
} else { 
     window.location.href ="pc.html";
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末功炮,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子埠啃,更是在濱河造成了極大的恐慌死宣,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件碴开,死亡現(xiàn)場離奇詭異毅该,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)潦牛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進(jìn)店門眶掌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人巴碗,你說我怎么就攤上這事朴爬。” “怎么了橡淆?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵召噩,是天一觀的道長。 經(jīng)常有香客問我逸爵,道長具滴,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任师倔,我火速辦了婚禮构韵,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘趋艘。我一直安慰自己疲恢,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布瓷胧。 她就那樣靜靜地躺著显拳,像睡著了一般。 火紅的嫁衣襯著肌膚如雪抖单。 梳的紋絲不亂的頭發(fā)上萎攒,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天,我揣著相機(jī)與錄音矛绘,去河邊找鬼耍休。 笑死,一個胖子當(dāng)著我的面吹牛货矮,可吹牛的內(nèi)容都是我干的羊精。 我是一名探鬼主播,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼喧锦!你這毒婦竟也來了读规?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤燃少,失蹤者是張志新(化名)和其女友劉穎束亏,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體阵具,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡碍遍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了阳液。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片怕敬。...
    茶點(diǎn)故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖帘皿,靈堂內(nèi)的尸體忽然破棺而出东跪,到底是詐尸還是另有隱情,我是刑警寧澤鹰溜,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布虽填,位于F島的核電站,受9級特大地震影響曹动,放射性物質(zhì)發(fā)生泄漏卤唉。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一仁期、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧竭恬,春花似錦跛蛋、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至岔绸,卻和暖如春理逊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背盒揉。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工晋被, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人刚盈。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓羡洛,卻偏偏與公主長得像,于是被迫代替她去往敵國和親藕漱。 傳聞我的和親對象是個殘疾皇子欲侮,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內(nèi)容