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 相关文章推荐
ASP小贴士/ASP Tips javascript tips可以当桌面
Dec 10 Javascript
根据邮箱的域名跳转到相应的登录页面的代码
Feb 27 Javascript
JavaScript中的Math.sin()方法使用详解
Jun 15 Javascript
Jquery判断form表单数据是否变化
Mar 30 Javascript
js实现String.Fomat的实例代码
Sep 02 Javascript
jQuery实现一个简单的轮播图
Feb 19 Javascript
使用js获取伪元素的content实例
Oct 24 Javascript
浅谈Vue下使用百度地图的简易方法
Mar 23 Javascript
vue.js 实现评价五角星组件的实例代码
Aug 13 Javascript
Vue props 单向数据流的实现
Nov 06 Javascript
详解JavaScript作用域和作用域链
Mar 19 Javascript
Vue路由之JWT身份认证的实现方法
Aug 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以ROOT权限执行系统命令的方法
2011/02/10 PHP
PHP 观察者模式的实现代码
2013/05/10 PHP
PHP中Session引起的脚本阻塞问题解决办法
2014/04/08 PHP
Linux下PHP加速器APC的安装与配置笔记
2014/10/24 PHP
golang与php实现计算两个经纬度之间距离的方法
2016/07/22 PHP
阿里对象存储OSS在laravel框架中的使用方法
2019/10/13 PHP
window.js 主要包含了页面的一些操作
2009/12/23 Javascript
javascript object array方法使用详解
2012/12/03 Javascript
JQuery的Ajax跨域请求原理概述及实例
2013/04/26 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
2013/11/17 Javascript
jquery复选框全选/取消示例
2013/12/30 Javascript
new Date()问题在ie8下面的处理方法
2014/07/31 Javascript
node.js中的http.get方法使用说明
2014/12/14 Javascript
JS实现的数组全排列输出算法
2015/03/19 Javascript
js验证上传图片的方法
2015/05/12 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
2015/09/19 Javascript
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
BootStrap入门教程(三)之响应式原理
2016/09/19 Javascript
JS查找数组中重复元素的方法详解
2017/06/14 Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
2017/08/17 Javascript
react 父组件与子组件之间的值传递的方法
2017/09/14 Javascript
jQuery实现验证用户登录
2019/12/10 jQuery
解决python3 HTMLTestRunner测试报告中文乱码的问题
2018/12/17 Python
关于python多重赋值的小问题
2019/04/17 Python
基于Python数据结构之递归与回溯搜索
2020/02/26 Python
中国茶叶、茶具一站式网上购物商城:醉品茶城
2018/07/03 全球购物
Hobbs官方网站:英国奢华女性时尚服装
2020/02/22 全球购物
社区敬老月活动实施方案
2014/02/17 职场文书
承诺书怎么写
2014/03/26 职场文书
个人评语大全
2014/05/04 职场文书
党员应该树立反腐倡廉的坚定意识思想汇报
2014/09/12 职场文书
教师党的群众路线学习心得体会
2014/11/04 职场文书
期末考试复习计划
2015/01/19 职场文书
受资助学生感谢信
2015/01/21 职场文书
超强台风观后感
2015/06/09 职场文书
win10识别不了U盘怎么办 win10系统读取U盘失败的解决办法
2022/08/05 数码科技