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 相关文章推荐
简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器
Oct 22 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
Jun 05 Javascript
jquery引用方法时传递参数原理分析
Oct 13 Javascript
javascript中eval解析JSON字符串
Feb 27 Javascript
详解Vue方法与事件
Mar 09 Javascript
JavaScript实现的选择排序算法实例分析
Apr 14 Javascript
JS实现关键词高亮显示正则匹配
Jun 22 Javascript
深入Vue-Router路由嵌套理解
Aug 13 Javascript
vue element table 表格请求后台排序的方法
Sep 28 Javascript
vue-router权限控制(简单方式)
Oct 29 Javascript
vue中注册自定义的全局js方法
Nov 15 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 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
Laravel框架中实现使用阿里云ACE缓存服务
2015/02/10 PHP
Laravel网站打开速度优化的方法汇总
2017/07/16 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
PHP fclose函数用法总结
2019/02/15 PHP
对象特征检测法判断浏览器对javascript对象的支持
2009/07/25 Javascript
js输出列表实现代码
2010/09/12 Javascript
解决遍历时Array.indexOf产生的性能问题
2012/07/03 Javascript
JS获得浏览器版本和操作系统版本的例子
2014/05/13 Javascript
jQuery判断复选框是否勾选的原理及示例
2014/05/21 Javascript
node.js中的fs.write方法使用说明
2014/12/15 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
2016/05/09 Javascript
jQuery stop()用法实例详解
2016/07/28 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
2016/12/07 Javascript
js下载文件并修改文件名
2017/05/08 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
2017/07/13 Javascript
详解Vue路由钩子及应用场景(小结)
2017/11/07 Javascript
mac中利用NVM管理不同node版本的方法详解
2017/11/08 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
详解微信小程序input标签正则初体验
2018/08/18 Javascript
微信小程序左滑删除功能开发案例详解
2018/11/12 Javascript
javascript 原型与原型链的理解及实例分析
2019/11/23 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
2020/01/05 Javascript
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
Python实现上下班抢个顺风单脚本
2018/02/07 Python
Python模拟登录的多种方法(四种)
2018/06/01 Python
Java多线程实现四种方式原理详解
2020/06/02 Python
Philosophy美国官网:美国美容品牌
2016/08/15 全球购物
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
快餐店的创业计划书范文
2014/01/29 职场文书
产品质量承诺书范文
2014/03/27 职场文书
公职人员索取回扣检举信
2014/04/04 职场文书
企业党员一句话承诺
2014/05/30 职场文书
物业品质提升方案
2014/06/08 职场文书
教师工作表现自我评价
2015/03/05 职场文书
敬老院志愿者活动总结
2015/05/06 职场文书