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 相关文章推荐
cookie在javascript中的使用技巧以及隐私在服务器端的设置
Dec 03 Javascript
jquery scroll()区分横向纵向滚动条的方法
Apr 04 Javascript
jQuery搜索同辈元素方法
Feb 10 Javascript
js数组去重的方法汇总
Jul 29 Javascript
Summernote实现图片上传功能的简单方法
Jul 11 Javascript
AngularJS模仿Form表单提交的实现代码
Dec 08 Javascript
原生js实现无缝轮播图效果
Jan 11 Javascript
微信小程序实现自定义picker选择器弹窗内容
May 26 Javascript
微信小程序3D轮播实现代码
Sep 19 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
Mar 25 Javascript
在vue中封装方法以及多处引用该方法详解
Aug 14 Javascript
解决Element中el-date-picker组件不回填的情况
Nov 07 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
mod_php、FastCGI、PHP-FPM等PHP运行方式对比
2015/07/02 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
PHP实现防止表单重复提交功能【基于token验证】
2018/05/24 PHP
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
JavaScript中String和StringBuffer的速度之争
2010/04/01 Javascript
基于jquery的气泡提示效果
2010/05/31 Javascript
jQuery简单操作cookie的插件实例
2016/01/13 Javascript
简单谈谈json跨域
2016/03/13 Javascript
Bootstrap实现下拉菜单效果
2016/04/29 Javascript
js将json格式的对象拼接成复杂的url参数方法
2016/05/25 Javascript
利用纯JS实现像素逐渐显示的方法示例
2017/08/14 Javascript
react中fetch之cors跨域请求的实现方法
2018/03/14 Javascript
NodeJS搭建HTTP服务器的实现步骤
2018/10/12 NodeJs
[02:43]2018DOTA2亚洲邀请赛主赛事首日TOP5
2018/04/04 DOTA
[41:12]Liquid vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
Python中的类学习笔记
2014/09/23 Python
python中MySQLdb模块用法实例
2014/11/10 Python
Python队列的定义与使用方法示例
2017/06/24 Python
Python读取视频的两种方法(imageio和cv2)
2018/04/15 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
Python 从列表中取值和取索引的方法
2018/12/25 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
python实现最大子序和(分治+动态规划)
2019/07/05 Python
详解Pycharm出现out of memory的终极解决方法
2020/03/03 Python
HelloFresh澳大利亚:订购你的美味食品盒、健康餐食
2018/03/28 全球购物
Boden澳大利亚官网:英国在线服装公司
2018/08/05 全球购物
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
Java面试题:说出如下代码的执行结果
2015/10/30 面试题
建筑人员岗位职责
2013/12/25 职场文书
海南地接欢迎词
2014/01/14 职场文书
镇班子对照检查材料思想汇报
2014/09/24 职场文书
2015年建筑工程工作总结
2015/05/13 职场文书
礼仪培训心得体会
2016/01/22 职场文书
查看nginx配置文件路径和资源文件路径的方法
2021/03/31 Servers
php中pcntl_fork详解
2021/04/01 PHP
JS代码编译器Monaco使用方法
2021/06/11 Javascript