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编程起步(第七课)
Jan 10 Javascript
基于jquery实现表格无刷新分页
Jan 07 Javascript
js实现不重复导入的方法
Mar 02 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
Sep 15 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
Dec 30 Javascript
详解Vue中状态管理Vuex
May 11 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
May 06 Javascript
基于vue展开收起动画的示例代码
Jul 05 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
Oct 31 Javascript
详解一个基于react+webpack的多页面应用配置
Jan 21 Javascript
浅析Vue 中的 render 函数
Feb 28 Javascript
webpack的移动端适配方案小结
Jul 25 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
使用TinyButStrong模板引擎来做WEB开发
2007/03/16 PHP
PHP JSON格式数据交互实例代码详解
2011/01/13 PHP
php数组函数序列之array_combine() - 数组合并函数使用说明
2011/10/29 PHP
ThinkPHP实现附件上传功能
2017/04/27 PHP
jQuery 性能优化指南(3)
2009/05/21 Javascript
javascript css styleFloat和cssFloat
2010/03/15 Javascript
JS面向对象编程浅析
2011/08/28 Javascript
JS去除右边逗号的简单方法
2013/07/03 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
jQuery中ready事件用法实例
2015/01/19 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
2015/03/12 Javascript
基于jquery实现左右按钮点击的图片切换效果
2021/01/27 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
2016/08/03 Javascript
引用jquery框架后出错的解决方法
2016/08/09 Javascript
ES6概念 Symbol toString()方法
2016/12/25 Javascript
vue单页应用中如何使用jquery的方法示例
2017/07/27 jQuery
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
小程序实现五星点评效果
2018/11/03 Javascript
一个因@click.stop引发的bug的解决
2019/01/08 Javascript
微信小程序上传图片到php服务器的方法
2019/05/23 Javascript
Javascript Worker子线程代码实例
2020/02/20 Javascript
[56:14]Fnatic vs OG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python处理菜单消息操作示例【基于win32ui模块】
2018/05/09 Python
利用Python求阴影部分的面积实例代码
2018/12/05 Python
Python Matplotlib库安装与基本作图示例
2019/01/09 Python
Python闭包和装饰器用法实例详解
2019/05/22 Python
django-初始配置(纯手写)详解
2019/07/30 Python
如何通过命令行进入python
2020/07/06 Python
用 Django 开发一个 Python Web API的方法步骤
2020/12/03 Python
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
幼儿园儿童节活动主持词+串词大全
2014/03/21 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
2016年元旦主持词
2015/07/06 职场文书
幼儿教师师德培训心得体会
2016/01/09 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python
国际最新研究在陨石中发现DNA主要成分 或由陨石带来地球
2022/04/29 数码科技