利用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 相关文章推荐
jQuery .tmpl(), .template()学习资料小结
Jul 18 Javascript
jQuery EasyUI API 中文文档 - Menu菜单
Oct 03 Javascript
一个简单的js树形菜单
Dec 09 Javascript
js 3种归并操作的实例代码
Oct 30 Javascript
jquery操作cookie插件分享
Jan 14 Javascript
详解JavaScript中getFullYear()方法的使用
Jun 10 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
Aug 26 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
Jan 22 Javascript
Bootstrap table右键功能实现方法
Feb 20 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
Element-UI中关于table表格的那些骚操作(小结)
Aug 15 Javascript
vue实现点击按钮切换背景颜色的示例代码
Jun 23 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实例分享之二维数组排序
2014/05/15 PHP
详解Grunt插件之LiveReload实现页面自动刷新(两种方案)
2015/07/31 PHP
老生常谈ThinkPHP中的行为扩展和插件(推荐)
2017/05/05 PHP
PHP5.5基于mysqli连接MySQL数据库和读取数据操作实例详解
2019/02/16 PHP
JavaScript Perfection kill 测试及答案
2010/03/23 Javascript
javascript开发技术大全-第1章javascript概述
2011/07/03 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
express的中间件bodyParser详解
2014/12/04 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
Javascript 完美运动框架(逐行分析代码,让你轻松了运动的原理)
2015/01/23 Javascript
Jquery组件easyUi实现选项卡切换示例
2016/08/23 Javascript
Axios学习笔记之使用方法教程
2017/07/21 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
2017/08/10 Javascript
vue中配置mint-ui报css错误问题的解决方法
2017/10/11 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
2017/10/19 Javascript
jquery写出PC端轮播图实例
2018/01/26 jQuery
React Navigation 使用中遇到的问题小结
2018/05/08 Javascript
vue中的provide/inject的学习使用
2018/05/09 Javascript
Vue从TodoList中学父子组件通信
2019/02/05 Javascript
JQuery 实现文件下载的常用方法分析
2019/10/29 jQuery
JavaScript中while循环的基础使用教程
2020/08/11 Javascript
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
2020/11/05 Javascript
Python 冒泡,选择,插入排序使用实例
2015/02/05 Python
浅析Python中的多条件排序实现
2016/06/07 Python
Python双精度浮点数运算并分行显示操作示例
2017/07/21 Python
详解canvas绘制多张图的排列顺序问题
2019/01/21 HTML / CSS
白色公司:The White Company
2017/10/11 全球购物
英语商务邀请函范文
2014/01/16 职场文书
优秀团员自我评价范文
2014/04/23 职场文书
保研推荐信
2014/05/09 职场文书
公司试用期员工自我评价
2014/09/17 职场文书
开展批评与自我批评发言稿
2014/10/16 职场文书
2015年社会实践个人总结
2015/03/06 职场文书
2014年度个人总结范文
2015/03/09 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL