其实jQuery 也可以判断浏览器类型,但是从1.9之后就删除了$.browser
所以我没有使用jQuery
测试页面:
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.10.1.js"></script>
<script type="text/javascript" src="js/common_util.js"></script>
<script type="text/javascript">
window.onload=function(){
// var brow = $.browser;
// alert(brow);
var browser = com.whuang.hsj.getBrowserVersion(true);
document.write(browser.ver+"<br>");
document.write("language:"+browser.lang);
}
</script>
</head>
<body>
</body>
</html>
(1) 在chrome中运行结果:
说明:中间一行的"36.0.1985.143"是浏览器版本号
(2)在IE8中运行结果:
(3)在IE9中运行结果:
(4)在火狐中运行结果:
但是在火狐中的版本号不对,js获取的版本号是33.0 ,但是应该是33.1,如下图:
暂时不知道什么原因,不过影响不大
核心方法:com.whuang.hsj.getBrowserVersion
参数说明:只有一个参数,用于打印浏览器名称.用于上线的项目时应该设置为false.
返回值说明:
返回的是一个对象.
var browser = com.whuang.hsj.getBrowserVersion(false);
可以通过browser.firefox 判断是否是火狐浏览器,通过browser.chrome 判断是否是谷歌浏览器,等等.
browser.lang是浏览器语言,取值范围是['zh-cn','zh','en-us','en']
注意:browser.lang的值均是小写,并且zh-cn 是中划线,不是下划线.
com.whuang.hsj.getBrowserVersion见附件common_util.zip
com.whuang.hsj.getBrowserVersion实现
/***
* get browser type and browser version and language
* @param write22
* @returns {{}}
*/
com.whuang.hsj.getBrowserVersion=function(write22){
var browser = {};
// console.dir(navigator);
var userAgent = navigator.userAgent.toLowerCase();
/*for(osvId in navigator){
var value222=navigator[osvId];
document.writeln(osvId+": "+value222+'<br>');
}*/
var lang22=navigator.language;
// document.writeln(userAgent+'<br>');
// document.writeln(navigator.appCodeName+'<br>');
var s;
(s = userAgent.match(/msie ([\d.]+)/)) ? browser.ie = s[1] : (s = userAgent.match(/firefox\/([\d.]+)/)) ? browser.firefox = s[1] : (s = userAgent.match(/chrome\/([\d.]+)/)) ? browser.chrome = s[1] :
(s = userAgent.match(/opera.([\d.]+)/)) ? browser.opera = s[1] : (s = userAgent.match(/version\/([\d.]+).*safari/)) ? browser.safari = s[1] : 0;
var version = "";
if (browser.ie) {
version = browser.ie;
if(write22 && write22!=false && write22!='false'){
document.writeln('IE<br>');
}
if(!browser.lang ||browser.lang==undefined){
lang22=navigator.browserLanguage;
browser.systemLanguage=navigator.systemLanguage ;
browser.userLanguage=navigator.userLanguage;
}
}
else
if (browser.firefox) {
version = browser.firefox;
browser.mozilla=browser.firefox;
if(write22 && write22!=false && write22!='false'){
document.writeln('firefox<br>');
}
}
else
if (browser.chrome) {
version = browser.chrome;
if(write22 && write22!=false && write22!='false'){
document.writeln('chrome<br>');
}
}
else
if (browser.opera) {
version = browser.opera;
if(write22 && write22!=false && write22!='false'){
document.writeln('opera<br>');
}
}
else
if (browser.safari) {
version = browser.safari;
if(write22 && write22!=false && write22!='false'){
document.writeln('Safari<br>');
}
}
else {
version = 'unknown browser';
}
browser.ver=version;
if(lang22 && lang22!=undefined)
{
browser.lang=lang22.toLowerCase();
}
return browser;
}
参考:
相关推荐
JavaScript 判断浏览器类型及版本 随着浏览器市场的日益繁荣，浏览器的类型和版本也越来越多，给前端开发带来了很大的挑战。如何精准地判断浏览器的类型和版本成为了前端开发中非常重要的一个问题。 JavaScript ...
这段代码通过检查`userAgent`字符串中是否存在特定的浏览器名称来判断浏览器类型。如果发现多个浏览器标识，它将返回最先匹配到的浏览器类型。 然而，这种方法并不完全可靠，因为用户可以自定义`userAgent`字符串，...
在JavaScript中，检测浏览器类型是常见的需求，这有助于开发者针对不同浏览器实现特定的功能或优化。以下将详细讲解如何使用JavaScript来识别用户所使用的浏览器类型。 首先，JavaScript提供了`navigator`对象，它...
简单的一二十代码, 就可以判断出当前所有浏览器的类型, 支持的浏览器也有很多,感谢支持
在JavaScript中，我们经常需要检测用户的浏览器类型及版本，以便为不同的浏览器提供兼容性的解决方案或者优化用户体验。这可以通过检查navigator对象的各种属性来实现。navigator对象是浏览器提供的一个全局对象，...
下面我们将详细介绍 JavaScript 中判断浏览器类型和版本的方法。 判断浏览器类型 首先，我们可以使用 `document.all` 属性来判断浏览器是否为 IE。如果 `document.all` 的值为 1，那么浏览器就是 IE，否则不是。...
在网页开发中，判断浏览器类型是一项重要的任务，因为不同的浏览器可能会有不同的兼容性问题。了解用户正在使用的浏览器可以帮助开发者针对性地优化网站，确保在各种环境下都能提供良好的用户体验。本文将详细介绍...
现在的浏览器大概有好几种,各个人的喜好也不同，所以也就用着不同的浏览器!我们开发的人来说经常要加个判断，要不可能某些功能没法正常使用。要是没加个判断就会给大家带来些麻烦!虽然可能大家的喜好不同!用的系统也...
js判断判断浏览器类型，
这篇文章重点介绍了如何使用JavaScript来判断浏览器类型，具体涉及IE、火狐（Firefox）、谷歌（Chrome）、Opera以及Safari这些主流浏览器。 要进行浏览器类型的判断，最常用的一个JavaScript对象是`navigator`，它...
本文将详细介绍如何利用JavaScript来判断浏览器的类型及其版本，以便于更好地解决不同浏览器之间的兼容性挑战。 首先，我们可以根据浏览器特有的属性或方法来识别浏览器类型。例如： 1. Internet Explorer（IE）：...
### JavaScript 判断浏览器类型 在Web开发中，有时我们需要根据不同浏览器的特点进行针对性的代码编写或功能适配。本文将详细介绍如何使用JavaScript来检测用户正在使用的浏览器类型。 #### 1. 理解`navigator....
这是判断浏览器类型和浏览器版本的JS代码段
总的来说，虽然jQuery 1.9移除了`$.browser`，但通过JavaScript的`navigator`对象，我们仍然可以有效地判断浏览器类型和版本。使用这种方法时，要注意保持代码的可维护性和兼容性，避免过于依赖特定浏览器的行为。...
根据以上介绍的属性，可以编写如下函数来判断浏览器类型： - **判断是否为Internet Explorer**: ```javascript function isIE() { return navigator.appName.indexOf("MicrosoftInternetExplorer") != -1 && ...
本文将介绍如何使用Javascript来检测浏览器的类型以及版本号，包括猎豹浏览器、搜狗浏览器、傲游浏览器、360极速浏览器、360安全浏览器、QQ浏览器、百度...JavaScript判断浏览器类型及版本</title> [removed]