這篇文章主要為大家展示了JS如何判斷瀏覽器類型與操作系統(tǒng)，內(nèi)容簡而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。
在獻縣等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作定制設(shè)計,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計,成都全網(wǎng)營銷推廣,外貿(mào)網(wǎng)站制作,獻縣網(wǎng)站建設(shè)費用合理。
navigator.userAgent: userAgent 屬性是一個只讀的字符串，聲明了瀏覽器用于 HTTP 請求的用戶代理頭的值。
navigator.platform: platform 屬性是一個只讀的字符串，聲明了運行瀏覽器的操作系統(tǒng)和（或）硬件平臺。
判斷瀏覽器類型
IE瀏覽器
ie = ua.match( /MSIE\s([\d\.]+)/ ) || ua.match( /(?:trident)(?:.*rv:([\w.]+))?/i ),
IE瀏覽器版本號
/msie 8.0/.test(navigator.userAgent.toLowerCase())
微信瀏覽器
/micromessenger/.test(navigator.userAgent.toLowerCase())
chrome
/chrome/.test(navigator.userAgent.toLowerCase())
firefox
/safari/.test(navigator.userAgent.toLowerCase())
opera
/micromessgenger/.test(navigator.userAgent.toLowerCase())
判斷操作系統(tǒng)類型
win操作系統(tǒng)
navigator.platform == "Win32" navigator.platform == "Windows"
mac操作系統(tǒng)
navigator.platform == "Mac68K" navigator.platform == "MacPPC" navigator.platform == "Macintosh" navigator.platform == "MacIntel"
andorid操作系統(tǒng)
重慶分公司
重慶分公司
if(/Linux/i.test(navigator.userAgent)){
if(/android/i.test(navigator.userAgent.toLowerCase())){
return "android";
}
}
/**
* @description 簡單的瀏覽器檢查結(jié)果。
*
* * `webkit` webkit版本號，如果瀏覽器為非webkit內(nèi)核，此屬性為`undefined`。
* * `chrome` chrome瀏覽器版本號，如果瀏覽器為chrome，此屬性為`undefined`。
* * `ie` ie瀏覽器版本號，如果瀏覽器為非ie，此屬性為`undefined`。**暫不支持ie10+**
* * `firefox` firefox瀏覽器版本號，如果瀏覽器為非firefox，此屬性為`undefined`。
* * `safari` safari瀏覽器版本號，如果瀏覽器為非safari，此屬性為`undefined`。
* * `opera` opera瀏覽器版本號，如果瀏覽器為非opera，此屬性為`undefined`。
*
* @property {Object} [browser]
*/
browser: (function( ua ) {
var ret = {},
webkit = ua.match( /WebKit\/([\d.]+)/ ),
chrome = ua.match( /Chrome\/([\d.]+)/ ) ||
ua.match( /CriOS\/([\d.]+)/ ),
ie = ua.match( /MSIE\s([\d\.]+)/ ) ||
ua.match( /(?:trident)(?:.*rv:([\w.]+))?/i ),
firefox = ua.match( /Firefox\/([\d.]+)/ ),
safari = ua.match( /Safari\/([\d.]+)/ ),
opera = ua.match( /OPR\/([\d.]+)/ );
webkit && (ret.webkit = parseFloat( webkit[ 1 ] ));
chrome && (ret.chrome = parseFloat( chrome[ 1 ] ));
ie && (ret.ie = parseFloat( ie[ 1 ] ));
firefox && (ret.firefox = parseFloat( firefox[ 1 ] ));
safari && (ret.safari = parseFloat( safari[ 1 ] ));
opera && (ret.opera = parseFloat( opera[ 1 ] ));
return ret;
})( navigator.userAgent ),
/**
* @description 操作系統(tǒng)檢查結(jié)果。
*
* * `android` 如果在android瀏覽器環(huán)境下，此值為對應(yīng)的android版本號，否則為`undefined`。
* * `ios` 如果在ios瀏覽器環(huán)境下，此值為對應(yīng)的ios版本號，否則為`undefined`。
* @property {Object} [os]
*/
os: (function( ua ) {
var ret = {},
// osx = !!ua.match( /\(Macintosh\; Intel / ),
android = ua.match( /(?:Android);?[\s\/]+([\d.]+)?/ ),
ios = ua.match( /(?:iPad|iPod|iPhone).*OS\s([\d_]+)/ );
// osx && (ret.osx = true);
android && (ret.android = parseFloat( android[ 1 ] ));
ios && (ret.ios = parseFloat( ios[ 1 ].replace( /_/g, '.' ) ));
return ret;
})( navigator.userAgent ),以上就是關(guān)于JS如何判斷瀏覽器類型與操作系統(tǒng)的內(nèi)容，如果你們有學(xué)習(xí)到知識或者技能，可以把它分享出去讓更多的人看到。
