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 相关文章推荐
Javascript 倒计时源代码.(时.分.秒) 详细注释版
May 09 Javascript
点击隐藏页面左栏或右栏实现js代码
Apr 01 Javascript
jquery插件validate验证的小例子
May 08 Javascript
使用AngularJS实现表单向导的方法
Jun 19 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
使用Node.js给图片加水印的方法
Nov 15 Javascript
bootstrap IE8 兼容性处理
Mar 22 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
May 07 Javascript
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
小程序实现日历左右滑动效果
Oct 21 Javascript
微信小程序实现音乐播放器
Nov 20 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 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
初探PHP5
2006/10/09 PHP
Zend Framework入门之环境配置及第一个Hello World示例(附demo源码下载)
2016/03/21 PHP
JavaScript Event学习第十一章 按键的检测
2010/02/10 Javascript
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
js替换字符串的所有示例代码
2013/07/23 Javascript
分享JavaScript获取网页关闭与取消关闭的事件
2013/12/13 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
javascript中数组的定义及使用实例
2015/01/21 Javascript
微信小程序 表单Form实例详解(附源码)
2016/12/22 Javascript
Vue.js系列之项目结构说明(2)
2017/01/03 Javascript
jquery中封装函数传递当前元素的方法示例
2017/05/05 jQuery
微信小程序如何获取openid及用户信息
2018/01/26 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
2019/05/30 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
深入理解Vue keep-alive及实践总结
2019/08/21 Javascript
用vue写一个日历
2020/11/02 Javascript
Python在图片中添加文字的两种方法
2017/04/29 Python
python中urlparse模块介绍与使用示例
2017/11/19 Python
Python实现matplotlib显示中文的方法详解
2018/02/06 Python
浅谈PYTHON 关于文件的操作
2019/03/19 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
Django中ORM找出内容不为空的数据实例
2020/05/20 Python
利用python制作拼图小游戏的全过程
2020/12/04 Python
英国排名第一的LED灯泡网站:LED Bulbs
2019/09/03 全球购物
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
自我反省检讨书
2014/01/23 职场文书
鼓励运动员的广播稿
2014/02/08 职场文书
入职担保书范文
2014/05/21 职场文书
大学生应聘导游自荐信
2014/06/02 职场文书
运动会口号大全
2014/06/07 职场文书
干部作风整顿个人剖析材料
2014/10/06 职场文书
2014年精神文明建设工作总结
2014/11/19 职场文书
关于长城的导游词
2015/01/30 职场文书
2015年项目经理工作总结
2015/04/30 职场文书