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 相关文章推荐
JavaScript 乱码问题
Aug 06 Javascript
在javaScript中关于submit和button的区别介绍
Oct 20 Javascript
ajax与302响应代码测试
Oct 23 Javascript
封装的jquery翻页滚动(示例代码)
Nov 18 Javascript
jquery分页插件jpaginate在IE中不兼容问题
Apr 22 Javascript
一个实用的图片切换支持点击切换和自动轮播
Sep 09 Javascript
vue开发调试神器vue-devtools使用详解
Jul 13 Javascript
Kindeditor单独调用多图上传实例
Jul 31 Javascript
JS实现的贪吃蛇游戏完整实例
Jan 18 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
Apr 24 Javascript
基于layui的下拉列表的数据回显方法
Sep 24 Javascript
express异步函数异常捕获示例详解
Nov 30 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 编程的 5个良好习惯
2009/02/20 PHP
浅析PHP编程中10个最常见的错误
2014/08/08 PHP
详解PHP PDO简单教程
2019/05/28 PHP
javascript IE中的DOM ready应用技巧
2008/07/23 Javascript
input、button的不同type值在ajax提交表单时导致的陷阱
2009/02/24 Javascript
JavaScript面向对象之静态与非静态类
2010/02/03 Javascript
js 金额格式化来回转换示例
2014/02/23 Javascript
jQuery学习笔记之jQuery原型属性和方法
2014/06/09 Javascript
JavaScript中的普通函数与构造函数比较
2015/04/07 Javascript
javascript从作用域链谈闭包
2020/07/29 Javascript
详解如何更好的使用module vuex
2019/03/27 Javascript
layui prompt 设置允许空白提交的方法
2019/09/24 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
[02:15]2014DOTA2国际邀请赛 赛后退役选手回顾
2014/08/01 DOTA
Python中list初始化方法示例
2016/09/18 Python
详解python调度框架APScheduler使用
2017/03/28 Python
基于python socketserver框架全面解析
2017/09/21 Python
python3使用requests模块爬取页面内容的实战演练
2017/09/25 Python
详解python 爬取12306验证码
2019/05/10 Python
解决在keras中使用model.save()函数保存模型失败的问题
2020/05/21 Python
Python新手学习装饰器
2020/06/04 Python
Python flask框架实现浏览器点击自定义跳转页面
2020/06/04 Python
python 制作网站小说下载器
2021/02/20 Python
基于PyInstaller各参数的含义说明
2021/03/04 Python
HTML5 Canvas概述
2009/08/26 HTML / CSS
html5 制作地图当前定位箭头的方法示例
2020/01/10 HTML / CSS
Lands’ End官网:经典的美国生活方式品牌
2016/08/14 全球购物
分别介绍一下Session Bean和Entity Bean
2015/03/13 面试题
演讲稿开场白
2014/01/13 职场文书
汉语言文学职业规划
2014/02/14 职场文书
MySQL InnoDB ReplicaSet(副本集)简单介绍
2021/04/24 MySQL
OpenCV全景图像拼接的实现示例
2021/06/05 Python
python缺失值的解决方法总结
2021/06/09 Python
为了顺利买到演唱会的票用Python制作了自动抢票的脚本
2021/10/16 Python
Kubernetes部署实例并配置Deployment、网络映射、副本集
2022/04/01 Servers
国际最新研究在陨石中发现DNA主要成分 或由陨石带来地球
2022/04/29 数码科技