利用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 相关文章推荐
encode脚本和normal脚本混用的问题与解决方法
Mar 08 Javascript
再谈ie和firefox下的document.all属性
Oct 21 Javascript
JS复制内容到剪切板的实例代码(兼容IE与火狐)
Nov 19 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
Apr 17 Javascript
基于jquery实现ajax无刷新评论
Aug 19 Javascript
jQuery设置Easyui校验规则(推荐)
Nov 21 Javascript
Vuex简单入门
Apr 19 Javascript
Angularjs 双向绑定时字符串的转换成数字类型的问题
Jun 12 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
Aug 28 Javascript
vue-content-loader内容加载器的使用方法
Aug 05 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
Apr 14 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
Jan 16 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操作文件类的函数代码(文件和文件夹创建,复制,移动和删除)
2011/11/10 PHP
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
php环境套包 dedeampz 伪静态设置示例
2014/03/26 PHP
thinkphp常见路径用法分析
2014/12/02 PHP
WordPress中自定义后台管理界面配色方案的小技巧
2015/12/29 PHP
基于php解决json_encode中文UNICODE转码问题
2020/11/10 PHP
js中eval()函数和trim()去掉字符串左右空格应用
2013/02/02 Javascript
js中把JSON字符串转换成JSON对象最好的方法
2014/03/21 Javascript
上传图片js判断图片尺寸和格式兼容IE
2014/09/01 Javascript
浅谈NodeJS中require路径问题
2015/05/07 NodeJs
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
2016/06/12 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
2017/04/20 jQuery
js学习总结之DOM2兼容处理顺序问题的解决方法
2017/07/27 Javascript
JavaScript简单实现的仿微博留言功能示例
2019/01/17 Javascript
JavaScript代码异常监控实现过程详解
2020/02/17 Javascript
浅谈Python的垃圾回收机制
2016/12/17 Python
Jupyter安装nbextensions,启动提示没有nbextensions库
2020/04/23 Python
python_opencv用线段画封闭矩形的实例
2018/12/05 Python
python+os根据文件名自动生成文本
2019/03/21 Python
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
2019/05/10 Python
Python图像处理PIL各模块详细介绍(推荐)
2019/07/17 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
详解Python self 参数
2019/08/30 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
使用Django搭建网站实现商品分页功能
2020/05/22 Python
python实现自动打卡的示例代码
2020/10/10 Python
CSS3实现多样的边框效果
2018/05/04 HTML / CSS
匡威荷兰官方网站:Converse荷兰
2018/10/24 全球购物
汉语言文学专业自荐信
2014/06/11 职场文书
演讲稿的格式及范文
2014/08/22 职场文书
工程质量保证书
2015/05/09 职场文书
小学三年级班主任工作经验交流材料
2015/11/02 职场文书
《认识年月日》教学反思
2016/02/19 职场文书
导游词之张家口
2019/12/13 职场文书
基于Python实现nc批量转tif格式
2022/08/14 Python