利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)


Posted in Javascript onNovember 22, 2013

现在的浏览器大概有好几种,各个人的喜好也不同,所以也就用着不同的浏览器!我们开发的人来说经常要加个判断,要不可能某些功能没法正常使用。要是没加个判断就会给大家带来些麻烦!虽然可能大家的喜好不同!用的系统也不同!有人喜欢用ie, firefox,还有人喜欢用腾讯tt,maxthon等等。虽然名字可能有很多种,但是内核我们知道下就没问题了。如IE内核的:IE,maxthon,tt都是。当然还有netscape内核!看大家怎么去判断!

由于在开发时碰上这个问题。于是找了下资料和自己总结如下JS代码:

代码如下:

<script language="JavaScript" type="text/javascript">
if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){alert('你是使用IE')}else
    if (navigator.userAgent.indexOf('Firefox') >= 0){alert('你是使用Firefox')}else
        if (navigator.userAgent.indexOf('Opera') >= 0){alert('你是使用Opera')}else
{alert('你是使用其他的浏览器浏览网页!')}
</script>

或以下代码也可以
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS检查是什么浏览器</title>
<script language="JavaScript" type="text/javascript">
function checkFirefoxOrIE(){
userAgent=window.navigator.userAgent.toLowerCase();
if(userAgent.indexOf("firefox")>=1){
Findex=userAgent.indexOf("firefox/");
versionName=userAgent.substr(Findex+"Firefox/".length,3);
document.write("你用的是火狐浏览器!版本是:Firefox/"+versionName+"<br>");
}
else {
    var name=navigator.appName;
    if(name=="Microsoft Internet Explorer"){document.write("你用的是IE浏览器!");}
    }
}
</script>
</head>
<body onload="checkFirefoxOrIE();">
</body>
</html>
Javascript 相关文章推荐
用js判断用户浏览器是否是XP SP2的IE6
Mar 08 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
Dec 31 Javascript
Extjs4 GridPanel 的几种样式使用介绍
Apr 18 Javascript
JS常用字符串处理方法应用总结
May 22 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
js实现九宫格图片半透明渐显特效的方法
Feb 16 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
Jun 30 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
Dec 08 Javascript
JavaScript中立即执行函数实例详解
Nov 04 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
Dec 20 Javascript
vue-cli webpack配置文件分析
May 20 Javascript
javascript删除option选项的多种方法总结
Nov 22 #Javascript
js截取固定长度的中英文字符的简单实例
Nov 22 #Javascript
String.prototype实现的一些javascript函数介绍
Nov 22 #Javascript
nodeType属性返回被选节点的节点类型介绍
Nov 22 #Javascript
在Iframe中获取父窗口中表单的值(示例代码)
Nov 22 #Javascript
解析URI与URL之间的区别与联系
Nov 22 #Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
Nov 22 #Javascript
You might like
PHP 获取远程文件大小的3种解决方法
2013/07/11 PHP
PHP实现格式化文件数据大小显示的方法
2015/01/03 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
编写针对IE的JS代码两种编写方法
2013/01/30 Javascript
js中的屏蔽的使用示例
2013/07/30 Javascript
Javascript实现真实字符串剩余字数提示的实例代码
2013/10/22 Javascript
javascript日期格式化示例分享
2014/03/05 Javascript
论JavaScript模块化编程
2016/03/07 Javascript
如何使用AngularJs打造权限管理系统【简易型】
2016/05/09 Javascript
实例浅析js的this
2016/12/11 Javascript
jQuery实现的简单拖动层示例
2017/02/22 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
2017/03/11 Javascript
Vue.js实战之组件的进阶
2017/04/04 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
Vue监听事件实现计数点击依次增加的方法
2018/09/26 Javascript
JS实现简单打字测试
2020/06/24 Javascript
vue watch监控对象的简单方法示例
2021/01/07 Vue.js
python的id()函数解密过程
2012/12/25 Python
Python输出各行命令详解
2018/02/01 Python
Django之路由层的实现
2019/09/09 Python
python实现数据清洗(缺失值与异常值处理)
2019/12/02 Python
Django Admin 上传文件到七牛云的示例代码
2020/06/20 Python
浅析关于Keras的安装(pycharm)和初步理解
2020/10/23 Python
印度在线购物网站:Paytmmall
2019/07/24 全球购物
求职简历自荐信
2013/10/20 职场文书
夜大毕业生自我鉴定
2013/10/31 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
信息技术培训感言
2014/03/06 职场文书
优乐美广告词
2014/03/14 职场文书
社区服务活动总结
2014/05/07 职场文书
委托证明书
2014/09/17 职场文书
五年级上册复习计划
2015/01/19 职场文书
2015年档案管理员工作总结
2015/05/13 职场文书
纪录片信仰观后感
2015/06/08 职场文书
Python实现滑雪小游戏
2021/09/25 Python