脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js判断浏览器类型

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

 更新时间：2013年11月22日 10:07:52   作者：  
我们开发的人来说经常要加个判断，要不可能某些功能没法正常使用。要是没加个判断就会给大家带来些麻烦

现在的浏览器大概有好几种,各个人的喜好也不同，所以也就用着不同的浏览器!我们开发的人来说经常要加个判断，要不可能某些功能没法正常使用。要是没加个判断就会给大家带来些麻烦!虽然可能大家的喜好不同!用的系统也不同!有人喜欢用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性能

    动态加载脚本提升javascript性能

    动态加载脚本可以有效提升javascript性能，下面有个不错的示例，大家可以参考下
    2014-02-02
  • JS window.opener返回父页面的应用

    JS window.opener返回父页面的应用

    网上支付开发分为支付平台和客户端两部分。当客户端进入支付平台时，需要在新窗体打开支付平台页面。
    2009-10-10
  • 在JavaScript中使用高阶函数的方法

    在JavaScript中使用高阶函数的方法

    JavaScript可以接受高阶函数。这种处理高阶函数的能力以及其他特点，使JavaScript成为非常适合函数式编程的编程语言之一，这篇文章主要介绍了如何在JavaScript中使用高阶函数,需要的朋友可以参考下
    2022-09-09
  • js设置文字颜色的方法示例

    js设置文字颜色的方法示例

    这篇文章主要介绍了js设置文字颜色的方法,涉及JS页面元素样式操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • JS解析url查询参数的简单代码

    JS解析url查询参数的简单代码

    本文通过简单代码给大家介绍了js解析url查询参数的方法，然后在文章下面给大家介绍了js获取url参数值的两种方式 ，非常不错，具有参考借鉴价值，需要的朋友参考下吧
    2017-08-08
  • JavaScript如何判断一个对象是空对象(附5种常见方法)

    JavaScript如何判断一个对象是空对象(附5种常见方法)

    在JavaScript中判断对象的类型是开发过程中的一个常见需求,尤其是在处理不确定类型的数据时,这篇文章主要介绍了JavaScript如何判断一个对象是空对象的相关资料,需要的朋友可以参考下
    2025-04-04
  • 微信小程序 image组件遇到的问题

    微信小程序 image组件遇到的问题

    这篇文章主要介绍了微信小程序 image组件遇到的问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-05-05
  • Three.js中实现Bloom效果及完整示例

    Three.js中实现Bloom效果及完整示例

    这篇文章主要为大家介绍了Three.js中实现Bloom效果及完整示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-04-04
  • ionic2 tabs 图标自定义实例

    ionic2 tabs 图标自定义实例

    这篇文章主要介绍了ionic2 tabs 图标自定义,需要的朋友可以参考下
    2017-03-03
  • 详解Webpack如何引入CDN链接来优化编译后的体积

    详解Webpack如何引入CDN链接来优化编译后的体积

    这篇文章主要介绍了详解Webpack如何引入CDN链接来优化编译后的体积，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06

最新评论