js判斷瀏覽器版本以及瀏覽器內(nèi)核的方法
本文實(shí)例講述了js判斷瀏覽器版本以及瀏覽器內(nèi)核的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
js判斷是否移動(dòng)端及瀏覽器內(nèi)核
var browser = {
versions: function() {
var u = navigator.userAgent;
return {
trident: u.indexOf('Trident') > -1, //IE內(nèi)核
presto: u.indexOf('Presto') > -1, //opera內(nèi)核
webKit: u.indexOf('AppleWebKit') > -1, //蘋(píng)果、谷歌內(nèi)核
gecko: u.indexOf('Firefox') > -1, //火狐內(nèi)核Gecko
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動(dòng)終端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android
iPhone: u.indexOf('iPhone') > -1 , //iPhone
iPad: u.indexOf('iPad') > -1, //iPad
webApp: u.indexOf('Safari') > -1 //Safari
};
}()
}
if (browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad) {
alert('移動(dòng)端');
}
代碼二
document.write(navigator.userAgent+'<br><br>') document.write(browser.versions.trident+'<span>//ie</span> <br>') document.write(browser.versions.presto+'<span>//opera</span> <br>') document.write(browser.versions.webKit+'<span>//蘋(píng)果、谷歌內(nèi)核</span> <br>') document.write(browser.versions.gecko+'<span>//火狐內(nèi)核</span> <br>') document.write(browser.versions.mobile+'<span>//是否為移動(dòng)終端</span> <br>') document.write(browser.versions.ios+'<span>//ios</span> <br>') document.write(browser.versions.android+'<span>//android</span> <br>') document.write(browser.versions.iPhone+'<span>//iPhone</span> <br>') document.write(browser.versions.iPad+'<span>//iPad</span> <br>') document.write(browser.versions.webApp+'<span>//Safari</span> <br>')
if (!browser.ie && !browser.mac) {
var UA = navigator.userAgent.toLowerCase().toString();
//判斷是不是IE內(nèi)核下的非IE版本
if ((UA.indexOf('360ee') > -1) || (UA.indexOf('360se') > -1) || (UA.indexOf('se') > -1) || (UA.indexOf('aoyou') > -1)
|| (UA.indexOf('theworld') > -1) || (UA.indexOf('worldchrome') > -1) || (UA.indexOf('greenbrowser') > -1)
|| (UA.indexOf('baidu') > -1) || (UA.indexOf('qqbrowser') > -1)) {
//是的話切換兼容模式
window.open("publicPage/point-se.aspx");
}
else {
//不是的話,建議更換瀏覽器
alert('建議換成IE內(nèi)核的瀏覽器');
}
}
else {
//判斷IE的版本型號(hào)
if ( (browser.version == 10 && browser.ie10Compat) || (browser.version == 11 && browser.ie11Compat)) {
window.open("publicPage/point.aspx");
}
/*
* @desc 判斷瀏覽器的版本以及瀏覽器內(nèi)核
* @author wangyanling
* @date 2014年7月4日
*/
var browser = function () {
var agent = navigator.userAgent.toLowerCase(),
opera = window.opera,
browser = {
//檢測(cè)當(dāng)前瀏覽器是否為IE
ie: /(msie\s|trident.*rv:)([\w.]+)/.test(agent),
//檢測(cè)當(dāng)前瀏覽器是否為Opera
opera: (!!opera && opera.version),
//檢測(cè)當(dāng)前瀏覽器是否是webkit內(nèi)核的瀏覽器
webkit: (agent.indexOf(' applewebkit/') > -1),
//檢測(cè)當(dāng)前瀏覽器是否是運(yùn)行在mac平臺(tái)下
mac: (agent.indexOf('macintosh') > -1),
//檢測(cè)當(dāng)前瀏覽器是否處于“怪異模式”下
quirks: (document.compatMode == 'BackCompat')
};
//檢測(cè)當(dāng)前瀏覽器內(nèi)核是否是gecko內(nèi)核
browser.gecko = (navigator.product == 'Gecko' && !browser.webkit && !browser.opera && !browser.ie);
var version = 0;
// Internet Explorer 6.0+
if (browser.ie) {
var v1 = agent.match(/(?:msie\s([\w.]+))/);
var v2 = agent.match(/(?:trident.*rv:([\w.]+))/);
if (v1 && v2 && v1[1] && v2[1]) {
version = Math.max(v1[1] * 1, v2[1] * 1);
} else if (v1 && v1[1]) {
version = v1[1] * 1;
} else if (v2 && v2[1]) {
version = v2[1] * 1;
} else {
version = 0;
}
//檢測(cè)瀏覽器模式是否為 IE11 兼容模式
browser.ie11Compat = document.documentMode == 11;
//檢測(cè)瀏覽器模式是否為 IE9 兼容模式
browser.ie9Compat = document.documentMode == 9;
//檢測(cè)瀏覽器模式是否為 IE10 兼容模式
browser.ie10Compat = document.documentMode == 10;
//檢測(cè)瀏覽器是否是IE8瀏覽器
browser.ie8 = !!document.documentMode;
//檢測(cè)瀏覽器模式是否為 IE8 兼容模式
browser.ie8Compat = document.documentMode == 8;
//檢測(cè)瀏覽器模式是否為 IE7 兼容模式
browser.ie7Compat = ((version == 7 && !document.documentMode) || document.documentMode == 7);
//檢測(cè)瀏覽器模式是否為 IE6 模式 或者怪異模式
browser.ie6Compat = (version < 7 || browser.quirks);
browser.ie9above = version > 8;
browser.ie9below = version < 9;
}
// Gecko.
if (browser.gecko) {
var geckoRelease = agent.match(/rv:([\d\.]+)/);
if (geckoRelease) {
geckoRelease = geckoRelease[1].split('.');
version = geckoRelease[0] * 10000 + (geckoRelease[1] || 0) * 100 + (geckoRelease[2] || 0) * 1;
}
}
//檢測(cè)當(dāng)前瀏覽器是否為Chrome, 如果是,則返回Chrome的大版本號(hào)
if (/chrome\/(\d+\.\d)/i.test(agent)) {
browser.chrome = +RegExp['\x241'];
}
//檢測(cè)當(dāng)前瀏覽器是否為Safari, 如果是,則返回Safari的大版本號(hào)
if (/(\d+\.\d)?(?:\.\d)?\s+safari\/?(\d+\.\d+)?/i.test(agent) && !/chrome/i.test(agent)) {
browser.safari = +(RegExp['\x241'] || RegExp['\x242']);
}
// Opera 9.50+
if (browser.opera)
version = parseFloat(opera.version());
// WebKit 522+ (Safari 3+)
if (browser.webkit)
version = parseFloat(agent.match(/ applewebkit\/(\d+)/)[1]);
//檢測(cè)當(dāng)前瀏覽器版本號(hào)
browser.version = version;
return browser;
}();
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
element-ui組件中input等的change事件中傳遞自定義參數(shù)
這篇文章主要介紹了element-ui組件中的input等的change事件中傳遞自定義參數(shù)的實(shí)例代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-05-05
javascript實(shí)現(xiàn)添加附件功能的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)添加附件功能的方法,在我們編輯信息時(shí),有時(shí)候需要附加文件、圖片實(shí)現(xiàn)上傳功能,通過(guò)本文了解javascript是如何實(shí)現(xiàn)附加功能的,請(qǐng)閱讀。2015-11-11
p5.js碼繪“跳動(dòng)的小正方形”的實(shí)現(xiàn)代碼
這篇文章主要介紹了p5.js碼繪“跳動(dòng)的小正方形”,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10
用javascript 控制表格行的展開(kāi)和隱藏的代碼
用javascript 控制表格行的展開(kāi)和隱藏的代碼...2007-08-08
JavaScript使用IEEE 標(biāo)準(zhǔn)進(jìn)行二進(jìn)制浮點(diǎn)運(yùn)算產(chǎn)生莫名錯(cuò)誤的解決方法
javascript做帶小數(shù)的計(jì)算時(shí),會(huì)出現(xiàn)9的循環(huán),以下方法幫助解決。2011-05-05
Next.js使用getServerSideProps進(jìn)行服務(wù)器端渲染demo
這篇文章主要為大家介紹了Next.js使用getServerSideProps進(jìn)行服務(wù)器端渲染demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12

