利用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字符串函数扩展代码
Sep 13 Javascript
js 判断浏览器使用的语言示例代码
Mar 22 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
详解angularJS自定义指令间的相互交互
Jul 05 Javascript
详解node服务器中打开html文件的两种方法
Sep 18 Javascript
Vue中props的详解
May 16 Javascript
浅谈JS中this在各个场景下的指向
Aug 14 Javascript
对vuex中getters计算过滤操作详解
Nov 06 Javascript
小程序实现按下录音松开识别语音
Nov 22 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 16 Javascript
JS原形与原型链深入详解
May 09 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
Dec 11 Vue.js
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使浏览器直接下载pdf文件的方法
2013/11/15 PHP
PHP学习笔记(二) 了解PHP的基本语法以及目录结构
2014/08/04 PHP
ThinkPHP框架结合Ajax实现用户名校验功能示例
2019/07/03 PHP
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
2009/05/25 Javascript
Dom与浏览器兼容性说明
2010/10/25 Javascript
读jQuery之十二 删除事件核心方法
2011/07/31 Javascript
js随机生成网页背景颜色的方法
2015/02/26 Javascript
第八篇Bootstrap下拉菜单实例代码
2016/06/21 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
Javascript中的 “&amp;” 和 “|” 详解
2017/02/02 Javascript
详解VueJs异步动态加载块
2017/03/09 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
2017/04/11 jQuery
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
JQuery使用数组遍历跳出each循环
2020/09/01 jQuery
nodejs中使用worker_threads来创建新的线程的方法
2021/01/22 NodeJs
[00:42]《辉夜杯》—职业组预选赛12月3日15点 正式打响
2015/12/03 DOTA
尝试使用Python多线程抓取代理服务器IP地址的示例
2015/11/09 Python
Python内置的HTTP协议服务器SimpleHTTPServer使用指南
2016/03/30 Python
python中利用Future对象异步返回结果示例代码
2017/09/07 Python
Python实现的摇骰子猜大小功能小游戏示例
2017/12/18 Python
一个Python最简单的接口自动化框架
2018/01/02 Python
Python获取统计自己的qq群成员信息的方法
2019/11/15 Python
在 Linux/Mac 下为Python函数添加超时时间的方法
2020/02/20 Python
高中体育教学反思
2014/01/29 职场文书
实习生求职自荐信
2014/02/07 职场文书
情人节活动策划方案
2014/02/27 职场文书
担保书怎么写
2014/04/01 职场文书
解除财产保全担保书
2014/05/20 职场文书
工作态度怎么写
2015/06/25 职场文书
2015年教师节主持词
2015/07/03 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书
pytorch实现线性回归以及多元回归
2021/04/11 Python