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 相关文章推荐
js怎么终止程序return不行换jfslk
May 30 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
Mar 03 Javascript
jQuery CSS()方法改变现有的CSS样式表
Sep 09 Javascript
javascript中Number对象的toString()方法分析
Dec 20 Javascript
js实现键盘Enter键提交表单的方法
May 27 Javascript
关于javascript的一些知识以及循环详解
Sep 12 Javascript
javaScript语法总结
Nov 25 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
Jan 16 Javascript
快速解决vue-cli在ie9+中无效的问题
Sep 04 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
Sep 18 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
May 24 Javascript
JS实现移动端在线签协议功能
Aug 22 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动态生成静态HTML网页的代码
2010/03/04 PHP
PHP函数篇详解十进制、二进制、八进制和十六进制转换函数说明
2011/12/05 PHP
php 字符串替换的方法
2012/01/10 PHP
PHP简单计算两个时间差的方法示例
2017/06/20 PHP
Yii 访问 Gii(脚手架)时出现 403 错误
2018/06/06 PHP
jQuery easyui datagrid动态查询数据实例讲解
2013/02/26 Javascript
js实现的简单radio背景颜色选择器代码
2015/08/18 Javascript
jquery实现的3D旋转木马特效代码分享
2015/08/25 Javascript
Javascript之Number对象介绍
2016/06/07 Javascript
Google 地图叠加层实例讲解
2016/08/06 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
2016/08/09 Javascript
Bootstrap按钮功能之查询按钮和重置按钮
2016/10/26 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
2016/11/29 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
利用js实现前后台传送Json的示例代码
2018/03/29 Javascript
SVG实现时钟效果
2018/07/17 Javascript
微信小程序页面间值传递的两种方法
2018/11/26 Javascript
jQuery高级编程之js对象、json与ajax用法实例分析
2019/11/01 jQuery
win7安装python生成随机数代码分享
2013/12/27 Python
Django中使用group_by的方法
2015/05/26 Python
Python中index()和seek()的用法(详解)
2017/04/27 Python
Python基于最小二乘法实现曲线拟合示例
2018/06/14 Python
flask框架中勾子函数的使用详解
2018/08/01 Python
Python递归函数实例讲解
2019/02/27 Python
Python3读取和写入excel表格数据的示例代码
2020/06/09 Python
HTML5移动开发图片压缩上传功能
2016/11/09 HTML / CSS
StringBuilder和String的区别
2015/05/18 面试题
Python中pass语句的作用是什么
2016/06/01 面试题
JDBC操作数据库的基本流程是什么
2014/10/28 面试题
弘扬职业精神演讲稿
2014/03/20 职场文书
《长江之歌》教学反思
2014/04/17 职场文书
2014年教务处工作总结
2014/12/03 职场文书
Mysql 设置boolean类型的操作
2021/06/04 MySQL
服务器SVN搭建图文安装过程
2022/06/21 Servers