js/jquery判断浏览器类型的方法小结


Posted in Javascript onMay 12, 2015

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 FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
Sep 12 Javascript
19个很有用的 JavaScript库推荐
Jun 27 Javascript
jquery实现的可隐藏重现的靠边悬浮层实例代码
May 27 Javascript
javascript获取元素偏移量的方法有哪些
Jun 24 Javascript
node.js中的fs.chownSync方法使用说明
Dec 16 Javascript
浅谈被jQuery抛弃的函数及替代函数
May 03 Javascript
jQuery获取radio选中项的值实例
Jun 18 Javascript
javascript滚轮控制模拟滚动条
Oct 19 Javascript
VUE中v-model和v-for指令详解
Jun 23 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
Aug 20 Javascript
Vue开发之封装上传文件组件与用法示例
Apr 25 Javascript
element中的$confirm的使用
Apr 26 Javascript
js实现div层缓慢收缩与展开的方法
May 11 #Javascript
JS实现定时自动关闭DIV层提示框的方法
May 11 #Javascript
最精简的JavaScript实现鼠标拖动效果的方法
May 11 #Javascript
JavaScript实现表格点击排序的方法
May 11 #Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 #Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
May 11 #Javascript
js光标定位文本框回车表单提交问题的解决方法
May 11 #Javascript
You might like
不用数据库的多用户文件自由上传投票系统(1)
2006/10/09 PHP
php 执行系统命令的方法
2009/07/07 PHP
怎样给PHP源代码加密?PHP二进制加密与解密的解决办法
2013/04/22 PHP
跟我学Laravel之路由
2014/10/15 PHP
PHP两种快速排序算法实例
2015/02/15 PHP
PHP用continue跳过本次循环中剩余代码的注意点
2017/06/27 PHP
详解PHP的抽象类和抽象方法以及接口总结
2019/03/15 PHP
非常漂亮的JS代码经典广告
2007/10/21 Javascript
扩展easyui.datagrid,添加数据loading遮罩效果代码
2010/11/02 Javascript
浅谈angularJS 作用域
2015/07/05 Javascript
js处理层级数据结构的方法小结
2017/01/17 Javascript
AngularJS中$http使用的简单介绍
2017/03/17 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
2017/07/11 Javascript
JavaScript调试之console.log调试的一个小技巧分享
2017/08/07 Javascript
Angular 5.0 来了! 有这些大变化
2017/11/15 Javascript
vue之浏览器存储方法封装实例
2018/03/15 Javascript
Electron 如何调用本地模块的方法
2019/02/01 Javascript
ES6知识点整理之Proxy的应用实例详解
2019/04/16 Javascript
Python访问MySQL封装的常用类实例
2014/11/11 Python
python实现对excel进行数据剔除操作实例
2017/12/07 Python
Python使用Windows API创建窗口示例【基于win32gui模块】
2018/05/09 Python
在Python中字符串、列表、元组、字典之间的相互转换
2019/11/15 Python
python随机数分布random均匀分布实例
2019/11/27 Python
Python变量、数据类型、数据类型转换相关函数用法实例详解
2020/01/09 Python
在python3中实现查找数组中最接近与某值的元素操作
2020/02/29 Python
Python中pass的作用与使用教程
2020/11/13 Python
css3通过scale()、rotate()实现放大、旋转
2020/03/19 HTML / CSS
德国在线订购鲜花:Fleurop
2018/08/25 全球购物
现代绅士日常奢侈品:Todd Snyder
2019/12/13 全球购物
幼儿园儿童节主持词
2014/03/21 职场文书
央视元宵晚会主持串词
2014/03/25 职场文书
学校课外活动总结
2014/05/08 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
慰问信格式
2015/02/14 职场文书
可怜妈妈观后感
2015/06/09 职场文书
Java8中Stream的一些神操作
2021/11/02 Java/Android