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 相关文章推荐
关于图片验证码设计的思考
Jan 29 Javascript
前端开发的开始---基于面向对象的Ajax类
Sep 17 Javascript
jquery Mobile入门—外部链接切换示例代码
Jan 08 Javascript
JavaScript操作选择对象的简单实例
May 16 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
Aug 23 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
Mar 03 Javascript
JS正则表达式验证中文字符
May 08 Javascript
javascript将json格式数组下载为excel表格的方法
Dec 22 Javascript
在vue项目中使用Nprogress.js进度条的方法
Jan 31 Javascript
JavaScript中的"=、==、==="区别讲解
Jan 22 Javascript
vue + elementUI实现省市县三级联动的方法示例
Oct 29 Javascript
深度解读vue-resize的具体用法
Jul 08 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
PHP使用JSON和将json还原成数组
2015/02/12 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
DOM 脚本编程中的兄弟节点
2009/10/31 Javascript
jquery 取子节点及当前节点属性值
2014/07/25 Javascript
JavaScript基本语法讲解
2015/06/03 Javascript
jQuery实现三级菜单的代码
2016/05/09 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
微信小程序 蓝牙的实现实例代码
2017/06/27 Javascript
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
javascript将json格式数组下载为excel表格的方法
2017/12/22 Javascript
使用vue制作探探滑动堆叠组件的实例代码
2018/03/07 Javascript
详解JavaScript 新语法之Class 的私有属性与私有方法
2019/04/23 Javascript
layui radio点击事件实现input显示和隐藏的例子
2019/09/02 Javascript
extjs图表绘制之条形图实现方法分析
2020/03/06 Javascript
vue开发移动端底部导航条功能
2020/04/08 Javascript
Element InfiniteScroll无限滚动的具体使用方法
2020/07/27 Javascript
[00:34]DOTA2上海特级锦标赛 Spirit战队宣传片
2016/03/04 DOTA
[03:13]DOTA2-DPC中国联赛1月25日Recap集锦
2021/03/11 DOTA
Python2.7基于淘宝接口获取IP地址所在地理位置的方法【测试可用】
2017/06/07 Python
python实现飞机大战游戏
2020/10/26 Python
Python3 实现串口两进程同时读写
2019/06/12 Python
Python实现括号匹配方法详解
2020/02/10 Python
numpy中生成随机数的几种常用函数(小结)
2020/08/18 Python
python爬虫中抓取指数的实例讲解
2020/12/01 Python
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
幼儿园小班评语
2014/04/18 职场文书
小学英语课后反思
2014/04/26 职场文书
终止劳动合同通知书
2015/04/16 职场文书
公司员工体检通知
2015/04/21 职场文书
创业计划书之旅游网站
2019/09/06 职场文书
导游词之淮安明祖陵
2019/11/25 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
Python爬虫爬取全球疫情数据并存储到mysql数据库的步骤
2021/03/29 Python
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python
Java 超详细讲解十大排序算法面试无忧
2022/04/08 Java/Android