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 相关文章推荐
动态修改DOM 里面的 id 属性的弊端分析
Sep 03 Javascript
js操作textarea 常用方法总结
Dec 03 Javascript
javascript折半查找详解
Jan 26 Javascript
利用纯Vue.js构建Bootstrap组件
Nov 03 Javascript
JavaScript模块化之使用requireJS按需加载
Apr 12 Javascript
基于Cookie常用操作以及属性介绍
Sep 07 Javascript
vue-router路由与页面间导航实例解析
Nov 07 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
Nov 27 Javascript
对vue中v-if的常见使用方法详解
Sep 28 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
Nov 26 Javascript
JS操作字符串转数字的常见方法示例
Oct 29 Javascript
vue同个按钮控制展开和折叠同个事件操作
Jul 29 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
探讨PHP JSON中文乱码的解决方法详解
2013/06/06 PHP
PHP中文乱码解决方案
2015/03/05 PHP
json简单介绍
2008/06/10 Javascript
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
2009/11/04 Javascript
JavaScript 变量基础知识
2009/11/07 Javascript
正负小数点后两位浮点数实现原理及代码
2013/09/06 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
2014/04/15 Javascript
iframe子页面与父页面在同域或不同域下的js通信
2014/05/07 Javascript
AngularJS学习笔记之TodoMVC的分析
2015/02/22 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
2017/02/20 Javascript
js实现文字跑马灯效果
2017/02/23 Javascript
js实现数组内数据的上移和下移的实例
2017/11/14 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
jQuery实现模糊搜索功能的方法分析
2018/06/29 jQuery
关于AngularJS中ng-repeat不更新视图的解决方法
2018/09/30 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
2019/07/13 Javascript
微信小程序引入VANT组件的方法步骤
2019/09/19 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
2019/12/19 Javascript
原生JS实现留言板功能
2020/02/08 Javascript
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
python实现指定字符串补全空格的方法
2015/04/30 Python
Python操作列表之List.insert()方法的使用
2015/05/20 Python
python实现简单ftp客户端的方法
2015/06/28 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
解决tensorflow添加ptb库的问题
2020/02/10 Python
HTML5 Canvas中使用用路径描画圆弧
2015/01/01 HTML / CSS
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
寻找迷宫的一条出路,o通路;X:障碍
2016/07/10 面试题
九年级政治教学反思
2014/02/06 职场文书
车辆工程专业求职信
2014/04/28 职场文书
毕业生对母校寄语
2015/02/26 职场文书
实习班主任自我评价
2015/03/11 职场文书
试用期转正工作总结2015
2015/05/28 职场文书
改进工作作风心得体会
2016/01/23 职场文书
2016年万圣节活动个人总结
2016/04/05 职场文书