利用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 相关文章推荐
extjs grid设置某列背景颜色和字体颜色的方法
Sep 03 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
Apr 12 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
Jun 28 Javascript
jQuery中removeData()方法用法实例
Dec 27 Javascript
JS实现控制表格行文本对齐的方法
Mar 30 Javascript
jQuery Chart图表制作组件Highcharts用法详解
Jun 01 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
Jun 21 Javascript
关于JS中二维数组的声明方法
Sep 24 Javascript
详解Javascript获取缓存和清除缓存API
May 25 Javascript
BootStrap中的Fontawesome 图标
May 25 Javascript
vue-router中scrollBehavior的巧妙用法
Jul 09 Javascript
Vue的props父传子的示例代码
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
中国广播史趣谈 — 几个历史第一次
2021/03/01 无线电
印尼林东PWN黄金曼特宁咖啡豆:怎么冲世界上最醇厚的咖啡冲煮教程
2021/03/03 冲泡冲煮
php的laravel框架快速集成微信登录的方法
2016/12/12 PHP
[JS]点出统计器
2020/10/11 Javascript
javascript 写类方式之八
2009/07/05 Javascript
jQuery选择没有colspan属性的td的代码
2010/07/06 Javascript
file模式访问网页时iframe高度自适应解决方案
2013/01/16 Javascript
Jquery选中或取消radio示例
2013/09/29 Javascript
js禁止回车提交表单的示例代码
2013/12/23 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
基于Angular.js实现的触摸滑动动画实例代码
2017/02/19 Javascript
jQuery实现多张图片上传预览(不经过后端处理)
2017/04/29 jQuery
ES6学习教程之块级作用域详解
2017/10/09 Javascript
基于Bootstrap表单验证功能
2017/11/17 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
2018/03/16 Javascript
小程序实现单选多选功能
2018/11/04 Javascript
JavaScript中import用法总结
2019/01/20 Javascript
vue解决花括号数据绑定不成功的问题
2019/10/30 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
2020/04/10 Javascript
vue+element UI实现树形表格
2020/12/29 Vue.js
Python程序员开发中常犯的10个错误
2014/07/07 Python
python中字符串内置函数的用法总结
2018/09/13 Python
Python之循环结构
2019/01/15 Python
在交互式环境中执行Python程序过程详解
2019/07/12 Python
Python可变参数会自动填充前面的默认同名参数实例
2019/11/18 Python
python 中不同包 类 方法 之间的调用详解
2020/03/09 Python
win10安装python3.6的常见问题
2020/07/01 Python
10个很棒的 CSS3 开发工具 推荐
2011/05/16 HTML / CSS
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
英国国家美术馆商店:National Gallery
2019/05/01 全球购物
高中生家长会演讲稿
2014/01/14 职场文书
小学生新学期寄语
2014/01/19 职场文书
2015年政风行风工作总结
2015/04/21 职场文书
2015年青年志愿者协会工作总结
2015/04/27 职场文书
党校团干班培训心得体会
2016/01/06 职场文书
Oracle中日期的使用方法实例
2022/07/07 Oracle