js/jquery判断浏览器类型的方法小结


Posted in Javascript onMay 12, 2015

JS获取浏览器信息

浏览器代码名称:navigator.appCodeName

浏览器名称:navigator.appName

浏览器版本号:navigator.appVersion

对Java的支持:navigator.javaEnabled()

MIME类型(数组):navigator.mimeTypes

系统平台:navigator.platform

插件(数组):navigator.plugins

用户代理:navigator.userAgent

js判断IE浏览器的四种方法:

方法一:

if(window.addEventListener){ 
alert("not ie"); 
}else if(window.attachEvent){ 
alert("is ie"); 
}else{ 
alert("这种情况发生在不支持DHTML的老版本浏览器(现在一般都支持)") 
}

注释:该方法在IE9及以上IE版本会弹出not ie结果

方法二:

if(document.all){ 
alert("IE"); 
}else{ 
alert("not ie"); 
}

方法三:

var navigatorName = "Microsoft Internet Explorer"; 
if( navigator.appName == navigatorName ){ 
alert("ie") 
}else{
alert("not ie") 
}

方法四:
利用了IE与标准浏览器在处理数组的toString方法的差异.对于标准游览器,如果数组里面最后一个字符为逗号,JS引擎会自动剔除它.

if(!+[1,])alert("这是ie浏览器"); 
else alert("这不是ie浏览器");

注释:IE9及以上版本会弹出“这不是IE浏览器”

判断常用浏览器的方法:

var explorer =navigator.userAgent ;
//ie 
if (explorer.indexOf("MSIE") >= 0) {
alert("ie");
}
//firefox 
else if (explorer.indexOf("Firefox") >= 0) {
alert("Firefox");
}
//Chrome
else if(explorer.indexOf("Chrome") >= 0){
alert("Chrome");
}
//Opera
else if(explorer.indexOf("Opera") >= 0){
alert("Opera");
}
//Safari
else if(explorer.indexOf("Safari") >= 0){
alert("Safari");
} 
//Netscape
else if(explorer.indexOf("Netscape")>= 0) { 
alert('Netscape'); 
}

这里用到navigator.userAgent.indexOf("MSIE") >= 0进行判断,当然也可以用
navigator.userAgent.indexOf("MSIE") != -1 进行判断。

jquery判断浏览器类型和浏览器版本号的方法

$(document).ready(function(){

  var brow=$.browser;

  var bInfo="";

  if(brow.msie){bInfo="MicrosoftInternetExplorer"+brow.version;}

  if(brow.mozilla){bInfo="MozillaFirefox"+brow.version;}

  if(brow.safari){bInfo="AppleSafari"+brow.version;}

  if(brow.opera){bInfo="Opera"+brow.version;}

  alert(bInfo);

});

注意:Query 从 1.9 版开始,移除了 .browser和.browser.version , 取而代之的是 $.support 方法

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
Jul 21 Javascript
Jquery时间验证和转换工具小例子
Jul 01 Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
Aug 14 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 Javascript
利用JS实现简单的日期选择插件
Jan 23 Javascript
Bootstrap风格的zTree右键菜单
Feb 17 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
Mar 01 Javascript
JS字符串按逗号和回车分隔的方法
Apr 25 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
Nov 15 Javascript
js中的深浅拷贝问题简析
May 10 Javascript
vue swipe自定义组件实现轮播效果
Jul 03 Javascript
VueJS 取得 URL 参数值的方法
Jul 19 Javascript
js实现div层缓慢收缩与展开的方法
May 11 #Javascript
JS实现定时自动关闭DIV层提示框的方法
May 11 #Javascript
最精简的JavaScript实现鼠标拖动效果的方法
May 11 #Javascript
JavaScript实现表格点击排序的方法
May 11 #Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 #Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
May 11 #Javascript
js光标定位文本框回车表单提交问题的解决方法
May 11 #Javascript
You might like
php实现的递归提成方案实例
2015/11/14 PHP
基于命令行执行带参数的php脚本并取得参数的方法
2016/01/25 PHP
phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法
2016/03/30 PHP
PHP使用pdo实现事务处理操作示例
2018/09/05 PHP
javascript 继承实现方法
2009/08/26 Javascript
父页面显示遮罩层弹出半透明状态的dialog
2014/03/04 Javascript
JQuery设置时间段下拉选择实例
2014/12/30 Javascript
js对象的复制继承实例
2015/01/10 Javascript
jQuery点缩略图弹出层显示大图片
2015/02/13 Javascript
基于jQuery实现点击弹出层实例代码
2016/01/01 Javascript
基于jQuery插件实现点击小图显示大图效果
2016/05/11 Javascript
jquery实现有过渡效果的tab切换
2020/07/17 jQuery
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
[42:20]Winstrike vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Ubuntu下安装PyV8
2016/03/13 Python
Python如何读取MySQL数据库表数据
2017/03/11 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
Python3.5局部变量与全局变量作用域实例分析
2019/04/30 Python
Python+PyQT5的子线程更新UI界面的实例
2019/06/14 Python
Python3之不使用第三方变量,实现交换两个变量的值
2019/06/26 Python
python plotly绘制直方图实例详解
2019/07/22 Python
python爬虫 urllib模块url编码处理详解
2019/08/20 Python
基于Django OneToOneField和ForeignKey的区别详解
2020/03/30 Python
python3中确保枚举值代码分析
2020/12/02 Python
Sephora丝芙兰菲律宾官方网站:购买化妆品和护肤品
2017/04/05 全球购物
计算机网络专业自荐书
2014/06/09 职场文书
五心教育心得体会
2014/09/04 职场文书
物流业务员岗位职责
2015/04/03 职场文书
敬老院义诊活动总结
2015/05/07 职场文书
海洋天堂观后感
2015/06/05 职场文书
2016春季小学开学寄语
2015/12/03 职场文书
《包身工》教学反思
2016/02/23 职场文书
2016五四青年节活动总结范文
2016/04/06 职场文书
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers
html css3不拉伸图片显示效果
2021/06/07 HTML / CSS