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 相关文章推荐
javascript 面向对象全新理练之继承与多态
Dec 03 Javascript
js change,propertychange,input事件小议
Dec 20 Javascript
Javascript中call的两种用法实例
Dec 13 Javascript
JS中类或对象的定义说明
Mar 10 Javascript
jquery实现效果比较好的table选中行颜色
Mar 25 Javascript
$.each遍历对象、数组的属性值并进行处理
Jul 18 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
Jun 20 Javascript
微信小程序之小豆瓣图书实例
Nov 30 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
layui table 表格上添加日期控件的两种方法
Sep 28 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
Nov 04 Javascript
vue通过接口直接下载java生成好的Excel表格案例
Oct 26 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数据流应用的简单例子
2012/06/01 PHP
thinkphp判断访客为手机端或PC端的方法
2014/11/24 PHP
php截取视频指定帧为图片
2016/05/16 PHP
php array_multisort 对数组进行排序详解及实例代码
2016/10/27 PHP
laravel 5.4 + vue + vux + element的环境搭配过程介绍
2018/04/26 PHP
jquery 图片截取工具jquery.imagecropper.js
2010/04/09 Javascript
jquery 全局AJAX事件使用代码
2010/11/05 Javascript
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
jQuery动态添加、删除元素的方法
2014/01/09 Javascript
jquery实现页面图片等比例放大缩小功能
2014/02/12 Javascript
JQuery中DOM加载与事件执行实例分析
2015/06/13 Javascript
关于JS中的apply,call,bind的深入解析
2016/04/05 Javascript
超链接怎么正确调用javascript函数
2016/05/23 Javascript
用js动态添加html元素,以及属性的简单实例
2016/07/19 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
js定时器实现倒计时效果
2017/11/05 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
2018/09/06 jQuery
基于webpack4.X从零搭建React脚手架的方法步骤
2018/12/23 Javascript
Python内置函数bin() oct()等实现进制转换
2012/12/30 Python
使用python实现递归版汉诺塔示例(汉诺塔递归算法)
2014/04/08 Python
在Python中使用正则表达式的方法
2015/08/13 Python
CentOS 6.X系统下升级Python2.6到Python2.7 的方法
2016/10/12 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
django框架model orM使用字典作为参数,保存数据的方法分析
2019/06/24 Python
python print出共轭复数的方法详解
2019/06/25 Python
Mac 使用python3的matplot画图不显示的解决
2019/11/23 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
2020/08/24 HTML / CSS
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
一些关于MySql加速和优化的面试题
2014/01/30 面试题
外贸学院会计专业应届生求职信
2013/11/14 职场文书
合同专员岗位职责
2013/12/18 职场文书
2016年劳模先进事迹材料
2016/02/25 职场文书
Win10 heic文件怎么打开 ? Win10 heic文件打开教程
2022/04/06 数码科技
python数据处理之Pandas类型转换
2022/04/28 Python