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 相关文章推荐
Jquery 实现Tab效果 思路是js思路
Mar 02 Javascript
JavaScript的事件绑定(方便不支持js的时候)
Oct 01 Javascript
JavaScript实现的使用键盘控制人物走动实例
Aug 27 Javascript
判断浏览器的内核及版本号方法汇总
Jan 05 Javascript
js使用心得分享
Jan 13 Javascript
js实现透明度渐变效果的方法
Apr 10 Javascript
jquery实现的淡入淡出下拉菜单效果
Aug 25 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
Dec 02 Javascript
一道面试题引发的对javascript类型转换的思考
Mar 06 Javascript
微信小程序获取循环元素id以及wx.login登录操作
Aug 17 Javascript
Vuex实现数据增加和删除功能
Nov 11 Javascript
JavaScript Window窗口对象属性和使用方法
Jan 19 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中设置时区方法小结
2012/06/03 PHP
PHP实现对png图像进行缩放的方法(支持透明背景)
2015/07/15 PHP
Zend Framework教程之前端控制器Zend_Controller_Front用法详解
2016/03/07 PHP
php foreach如何跳出两层循环(详解)
2016/11/05 PHP
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
2011/09/22 Javascript
Js+Flash实现访问剪切板操作
2012/11/20 Javascript
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
转换字符串为json对象的方法详解
2013/11/29 Javascript
js获取url中指定参数值的示例代码
2013/12/14 Javascript
自己使用js/jquery写的一个定制对话框控件
2014/05/02 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
2015/09/17 Javascript
jQuery拖动布局其结果保存到数据库
2015/10/09 Javascript
Ionic2开发环境搭建教程
2020/08/20 Javascript
addeventlistener监听scroll跟touch(实例讲解)
2017/08/04 Javascript
JavaScript使用atan2来绘制箭头和曲线的实例
2017/09/14 Javascript
关于Vue在ie10下空白页的debug小结
2018/05/02 Javascript
jQuery 点击获取验证码按钮及倒计时功能
2018/09/20 jQuery
express 项目分层实践详解
2018/12/10 Javascript
Angular7中创建组件/自定义指令/管道的方法实例详解
2019/04/02 Javascript
js图片查看器插件用法示例
2019/06/22 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
2019/07/24 Javascript
layer弹出层倒计时关闭的实现方法
2019/09/27 Javascript
Python随机生成数模块random使用实例
2015/04/13 Python
Python获取邮件地址的方法
2015/07/10 Python
Python判断某个用户对某个文件的权限
2016/10/13 Python
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
Python实现的各种常见分布算法示例
2018/12/13 Python
基于Python的接口自动化读写excel文件的方法
2021/01/15 Python
带有css3动画效果的兼容多浏览器简单导航条示例
2014/01/26 HTML / CSS
西班牙灯具网上商店:Lampara.es
2018/06/05 全球购物
简易版租房协议书范本
2014/10/13 职场文书
公司股份合作协议书
2014/12/07 职场文书
六种css3实现的边框过渡效果
2021/04/22 HTML / CSS
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL
python实现双向链表原理
2022/05/25 Python