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 相关文章推荐
js获取div高度的代码
Aug 09 Javascript
原创javascript小游戏实现代码
Aug 19 Javascript
解析js如何获取当前url中的参数值并复制给input
Jun 23 Javascript
分享一个自己动手写的jQuery分页插件
Aug 28 Javascript
javascript arguments使用示例
Dec 16 Javascript
js Calender控件使用详解
Jan 05 Javascript
JavaScript实现通过select标签跳转网页的方法
Sep 29 Javascript
把JavaScript代码改成ES6语法不完全指南(分享)
Sep 10 Javascript
Node.js命令行/批处理中如何更改Linux用户密码浅析
Jul 22 Javascript
Vue路由前后端设计总结
Aug 06 Javascript
vue实现路由不变的情况下,刷新页面操作示例
Feb 02 Javascript
Vue的过滤器你真了解吗
Feb 24 Vue.js
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
Yii框架用户登录session丢失问题解决方法
2017/01/07 PHP
PHP PDOStatement::bindColumn讲解
2019/01/30 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
农历与西历对照
2006/09/06 Javascript
jQuery的链式调用浅析
2010/12/03 Javascript
基于jquery的固定表头和列头的代码
2012/05/03 Javascript
js修改地址栏URL参数解决url参数问题
2012/12/15 Javascript
通过location.replace禁止浏览器后退防止重复提交
2014/09/04 Javascript
JavaScript导出Excel实例详解
2014/11/25 Javascript
jQuery siblings()用法实例详解
2016/04/26 Javascript
AngularJS 依赖注入详解及示例代码
2016/08/17 Javascript
JavaScript实现前端分页控件
2017/04/19 Javascript
Node.js中环境变量process.env的一些事详解
2017/10/26 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
2018/08/28 Javascript
微信小程序实现省市区三级地址选择
2020/06/21 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
2020/04/22 Javascript
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
利用Hyperic调用Python实现进程守护
2018/01/02 Python
对python当中不在本路径的py文件的引用详解
2018/12/15 Python
详解python的argpare和click模块小结
2019/03/31 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
Python 从attribute到property详解
2020/03/05 Python
详解Python的爬虫框架 Scrapy
2020/08/03 Python
CSS3的Border-radius轻松制作圆角
2012/12/24 HTML / CSS
微软中国官方商城:Microsoft Store中国
2018/10/12 全球购物
运动会跳远加油稿
2014/02/20 职场文书
原材料检验岗位职责
2014/03/15 职场文书
综合实践活动总结
2014/05/05 职场文书
六查六看剖析材料
2014/10/06 职场文书
2014保险公司个人工作总结
2014/12/09 职场文书
首席执行官观后感
2015/06/03 职场文书
公司员工离职感言
2015/08/03 职场文书
告诉你一个秘密:富人致富的五大优点
2019/07/11 职场文书
Win11 Build 25179预览版发布(附更新内容+ISO官方镜像下载)
2022/08/14 数码科技