我一直在寻找可以让我检测访问网站的用户是否使用 Firefox 3 或 4 的代码。我找到的只是检测浏览器类型而不是版本的代码。
如何检测这样的浏览器版本？
如何检测浏览器的版本？
IT技术
javascript
browser
version
browser-detection
2021-02-08 07:01:08
6个回答
您可以查看浏览器所说的内容，并使用该信息记录或测试多个浏览器。
navigator.sayswho= (function(){
var ua= navigator.userAgent;
var tem;
var M= ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
if(/trident/i.test(M[1])){
tem= /\brv[ :]+(\d+)/g.exec(ua) || [];
return 'IE '+(tem[1] || '');
}
if(M[1]=== 'Chrome'){
tem= ua.match(/\b(OPR|Edge)\/(\d+)/);
if(tem!= null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
}
M= M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
if((tem= ua.match(/version\/(\d+)/i))!= null) M.splice(1, 1, tem[1]);
return M.join(' ');
})();
console.log(navigator.sayswho); // outputs: `Chrome 62`这是对 Kennebec 答案的改进。
function get_browser() {
var ua=navigator.userAgent,tem,M=ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
if(/trident/i.test(M[1])){
tem=/\brv[ :]+(\d+)/g.exec(ua) || [];
return {name:'IE',version:(tem[1]||'')};
}
if(M[1]==='Chrome'){
tem=ua.match(/\bOPR|Edge\/(\d+)/)
if(tem!=null) {return {name:'Opera', version:tem[1]};}
}
M=M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
if((tem=ua.match(/version\/(\d+)/i))!=null) {M.splice(1,1,tem[1]);}
return {
name: M[0],
version: M[1]
};
}
var browser=get_browser(); // browser.name = 'Chrome'
// browser.version = '40'
console.log(browser);通过这种方式，您可以避免代码的晦涩。
以下是截至 2019 年 5 月处理浏览器检测的几个著名库。
Bowser by lancedikson - 3,761★s - 最后更新于 2019 年 5 月 26 日 - 4.8KB
var result = bowser.getParser(window.navigator.userAgent);
console.log(result);
document.write("You are using " + result.parsedResult.browser.name +
" v" + result.parsedResult.browser.version +
" on " + result.parsedResult.os.name);<script src="https://unpkg.com/bowser@2.4.0/es5.js"></script>*支持基于 Chromium 的 Edge
平台.js by bestiejs - 2,250★s - 最后更新于 2018 年 10 月 30 日 - 5.9KB
console.log(platform);
document.write("You are using " + platform.name +
" v" + platform.version +
" on " + platform.os);<script src="https://cdnjs.cloudflare.com/ajax/libs/platform/1.3.5/platform.min.js"></script>gabceb 的jQuery 浏览器- 504★s - 最后更新于 2015 年 11 月 23 日 - 1.3KB
console.log($.browser)
document.write("You are using " + $.browser.name +
" v" + $.browser.versionNumber +
" on " + $.browser.platform);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-browser/0.1.0/jquery.browser.min.js"></script>Detect.js (Archived) by darcyclarke - 522★s - 最后更新于 2015 年 10 月 26 日 - 2.9KB
var result = detect.parse(navigator.userAgent);
console.log(result);
document.write("You are using " + result.browser.family +
" v" + result.browser.version +
" on " + result.os.family);<script src="https://cdnjs.cloudflare.com/ajax/libs/Detect.js/2.2.2/detect.min.js"></script>浏览器检测（存档）由 QuirksMode - 最后更新于 2013 年 11 月 14 日 - 884B
console.log(BrowserDetect)
document.write("You are using " + BrowserDetect.browser +
" v" + BrowserDetect.version +
" on " + BrowserDetect.OS);<script src="https://kylemit.github.io/libraries/libraries/BrowserDetect.js"></script>值得注意的提及：
- 哪个浏览器- 1,355★s - 最后更新于 2018 年 10 月 2 日
- Modernizr - 23,397★s - 最后更新于 2019 年 1 月 12 日 - 为了喂饱喂饱的马，特征检测应该驱动任何canIuse风格的问题。浏览器检测实际上只是为各个浏览器提供自定义图像、下载文件或说明。
进一步阅读
这结合了 kennebec (K) 的回答和 Hermann Ingjaldsson 的 (H) 回答：
- 保持原始答案的最小代码。(K)
- 适用于 Microsoft Edge (K)
- 扩展导航器对象而不是创建新的变量/对象。(K)
- 将浏览器版本和名称分成独立的子对象。（H）
navigator.browserSpecs = (function(){
var ua = navigator.userAgent, tem,
M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
if(/trident/i.test(M[1])){
tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
return {name:'IE',version:(tem[1] || '')};
}
if(M[1]=== 'Chrome'){
tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
if(tem != null) return {name:tem[1].replace('OPR', 'Opera'),version:tem[2]};
}
M = M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
if((tem = ua.match(/version\/(\d+)/i))!= null)
M.splice(1, 1, tem[1]);
return {name:M[0], version:M[1]};
})();
console.log(navigator.browserSpecs); //Object { name: "Firefox", version: "42" }
if (navigator.browserSpecs.name == 'Firefox') {
// Do something for Firefox.
if (navigator.browserSpecs.version > 42) {
// Do something for Firefox versions greater than 42.
}
}
else {
// Do something for all other browsers.
}
其它你可能感兴趣的问题