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


Posted in Javascript onSeptember 02, 2014

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 相关文章推荐
基于jQuery的输入框在光标位置插入内容, 并选中
Oct 29 Javascript
JavaScript 函数replace深入了解
Mar 14 Javascript
javascript检测移动设备横竖屏
May 21 Javascript
jQuery实现日期联动效果实例
Jul 26 Javascript
Node.js操作redis实现添加查询功能
May 25 Javascript
Angular 组件之间的交互的示例代码
Mar 24 Javascript
vuex进阶知识点巩固
May 20 Javascript
微信小程序实现自定义加载图标功能
Jul 19 Javascript
微信小程序实现滑动切换自定义页码的方法分析
Dec 29 Javascript
关于layui 下拉列表的change事件详解
Sep 20 Javascript
JavaScript运行机制实例分析
Apr 11 Javascript
JavaScript数组 几个常用方法总结
Nov 11 Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 #Javascript
jQuery级联操作绑定事件实例
Sep 02 #Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 #Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 #Javascript
jQuery淡入淡出元素让其效果更为生动
Sep 01 #Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
Sep 01 #Javascript
JQuery中的html()、text()、val()区别示例介绍
Sep 01 #Javascript
You might like
在windows iis5下安装php4.0+mysql之我见
2006/10/09 PHP
缓存技术详谈―php
2006/12/14 PHP
PHP学习散记_编码(json_encode 中文不显示)
2011/11/10 PHP
PHP中空字符串介绍0、null、empty和false之间的关系
2012/09/25 PHP
控制PHP的输出:缓存并压缩动态页面
2013/06/11 PHP
浅析php适配器模式(Adapter)
2014/11/25 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
Yii2框架BootStrap样式的深入理解
2016/11/07 PHP
QQ邮箱的一个文本编辑器代码
2007/03/14 Javascript
一组JS创建和操作表格的函数集合
2009/05/07 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
2014/01/07 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
2014/01/28 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
2014/07/02 Javascript
基于jQuery代码实现圆形菜单展开收缩效果
2017/02/13 Javascript
node文件上传功能简易实现代码
2017/06/16 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
2018/06/08 Javascript
bootstrap 弹出框modal添加垂直方向滚轴效果
2018/07/09 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
2018/12/09 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
2019/08/12 Javascript
[05:29]2014DOTA2国际邀请赛 赛后专访:LGDNewbee顺利过关
2014/07/13 DOTA
python实现换位加密算法的示例
2018/10/14 Python
创建Django项目图文实例详解
2019/06/06 Python
Python爬取阿拉丁统计信息过程图解
2020/05/12 Python
一文带你掌握Pyecharts地理数据可视化的方法
2021/02/06 Python
目前不被任何主流浏览器支持的CSS3属性汇总
2014/07/21 HTML / CSS
一个C/C++编程面试题
2013/11/10 面试题
北京-环亚运商测试题.net程序员初步测试题
2013/05/28 面试题
廉洁使者实施方案
2014/03/29 职场文书
一位农村小子的自荐信
2014/04/07 职场文书
条幅标语大全
2014/06/20 职场文书
高中生学习计划书
2014/09/15 职场文书
离婚协议书范本
2015/01/26 职场文书
事业单位年度考核个人总结
2015/02/12 职场文书
婚庆主持词大全
2015/06/30 职场文书
安全伴我行主题班会
2015/08/13 职场文书
ipad隐藏软件app图标方法
2022/04/19 数码科技