css js判断浏览器类型与浏览器版本

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.111cn.net/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>css教程 js判断浏览器类型与浏览器版本</title>
  <script type="text/网页特效">
        var sys = {};
        var ua = navigator.useragent.tolowercase();
        if (window.activexobject)
            sys.ie = ua.match(/msie ([d.]+)/)[1]
        else if (document.getboxobjectfor)
            sys.firefox = ua.match(/firefox/([d.]+)/)[1]
        else if (window.messageevent && !document.getboxobjectfor)
            sys.chrome = ua.match(/chrome/([d.]+)/)[1]
        else if (window.opera)
            sys.opera = ua.match(/opera.([d.]+)/)[1]
        else if (window.opendatabase)
            sys.safari = ua.match(/version/([d.]+)/)[1];
       
        //以下进行测试
        if(sys.ie) document.write('ie: '+sys.ie);
        if(sys.firefox) document.write('firefox: '+sys.firefox);
        if(sys.chrome) document.write('chrome: '+sys.chrome);
        if(sys.opera) document.write('opera: '+sys.opera);
        if(sys.safari) document.write('safari: '+sys.safari);

    </script>
   
   

</head>

<body>
ie

      只有ie支持创建activex控件,因此她有一个其他浏览器没有的东西,就是activexobject函数。只要判断window对象存在activexobject函数,就可以明确判断出当前浏览器是ie。而ie各个版本典型的useragent如下:

        mozilla/4.0 (compatible; msie 8.0; windows nt 6.0)
        mozilla/4.0 (compatible; msie 7.0; windows nt 5.2)
        mozilla/4.0 (compatible; msie 6.0; windows nt 5.1)
        mozilla/4.0 (compatible; msie 5.0; windows nt)

      其中,版本号是msie之后的数字。

       firefox

       firefox中的dom元素都有一个getboxobjectfor函数,用来获取该dom元素的位置和大小(ie对应的中是getboundingclientrect函数)。这是firefox独有的,判断它即可知道是当前浏览器是firefox。firefox几个版本的useragent大致如下:

        mozilla/5.0 (windows; u; windows nt 5.2) gecko/2008070208 firefox/3.0.1
        mozilla/5.0 (windows; u; windows nt 5.1) gecko/20070309 firefox/2.0.0.3
        mozilla/5.0 (windows; u; windows nt 5.1) gecko/20070803 firefox/1.5.0.12
      其中,版本号是firefox之后的数字。

       opera

       opera提供了专门的浏览器标志,就是window.opera属性。opera典型的useragent如下:

        opera/9.27 (windows nt 5.2; u; zh-cn)
        opera/8.0 (macintosh; ppc mac os x; u; en)
        mozilla/5.0 (macintosh; ppc mac os x; u; en) opera 8.0

      其中,版本号是靠近opera的数字。

       safari

       safari浏览器中有一个其他浏览器没有的opendatabase函数,可做为判断safari的标志。safari典型的useragent如下:

        mozilla/5.0 (windows; u; windows nt 5.2) applewebkit/525.13 (khtml, like gecko) version/3.1 safari/525.13
        mozilla/5.0 (iphone; u; cpu like mac os x) applewebkit/420.1 (khtml, like gecko) version/3.0 mobile/4a93 safari/419.3

      其版本号是version之后的数字。

      chrome

      chrome有一个messageevent函数,但firefox也有。不过,好在chrome并没有firefox的getboxobjectfor函数,根据这个条件还是可以准确判断出chrome浏览器的。目前,chrome的useragent是:

        mozilla/5.0 (windows; u; windows nt 5.2) applewebkit/525.13 (khtml, like gecko) chrome/0.2.149.27 safari/525.13

</body>
</html>

javascript判断浏览器版本

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>js 判断浏览器</title>
</head>
<body>
<hr>
<!--判断访问者的浏览器(类型)以及版本-->
<script type="text/javascript">

var browser=navigator.appname
var b_version=navigator.appversion
var version=parsefloat(b_version)
document.write("browser name: "+ browser)
document.write("
")
document.write("browser version: "+ version)
</script>

其它信息

<script type="text/javascript">

document.write("browser: ")
document.write(navigator.appname + "")

document.write("browserversion: ")
document.write(navigator.appversion + "")

document.write("code: ")
document.write(navigator.appcodename + "")

document.write("platform: ")
document.write(navigator.platform + "")

document.write("cookies enabled: ")
document.write(navigator.cookieenabled + "")

document.write("browser's user agent header: ")
document.write(navigator.useragent + "")
</script>

css判断用户浏览器版本信息

<!--[if ie]>
      <h1>您正在使用ie浏览器</h1>
      <!--[if ie 5]>
          <h2>版本 5</h2>
      <![endif]-->
      <!--[if ie 5.0]>
          <h2>版本 5.0</h2>
      <![endif]-->
      <!--[if ie 5.5]>
          <h2>版本 5.5</h2>
      <![endif]-->
      <!--[if ie 6]>
          <h2>版本 6</h2>
      <![endif]-->
      <!--[if ie 7]>
          <h2>版本 7</h2>
      <![endif]-->
<![endif]-->

 

时间: 2024-07-28 20:44:18

css js判断浏览器类型与浏览器版本的相关文章

JS判断是否在微信浏览器打开的简单实例(推荐)_javascript技巧

最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去.在分享页面上提供公司APP的下载.但是在很多应用的浏览器中,点击下载链接无法下载应用.那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面.通过js就可以判断当前页面是在什么浏览器打开的. 以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开.当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,更加细分一点,可以判断是

js判断是否在微信浏览器中打开

原文:js判断是否在微信浏览器中打开 用JS来判断了,经过查找资料终于实现了效果,直接上代码 function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return false; } } <!DOCTYPE html><html><head

JS判断是否360安全浏览器极速内核的方法_javascript技巧

本文实例讲述了JS判断是否360安全浏览器极速内核的方法.分享给大家供大家参考.具体分析如下: 360安全浏览器极速内核,在非360网站的navigator.userAgent是: "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.89 Safari/537.1",用的全是原生的谷歌浏览器的userAgent: 而360自己的网站的navigator.u

JS识别浏览器类型(电脑浏览器和手机浏览器)_javascript技巧

废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" Content="text/html;charset=UTF-8"/> <title>识别电脑浏览器和手机浏览器</title> </head> <script type="text/java

js判断undefined类型示例代码

 这篇文章主要介绍了js判断undefined类型的实现方法,需要的朋友可以参考下  代码如下: if (reValue== undefined){  alert("undefined");  }  发现判断不出来,最后查了下资料要用typeof方法:  if (typeof(reValue) == "undefined") {  alert("undefined");    }    typeof 返回的是字符串,有六种可能:"num

js判断undefined类型,undefined,null的区别详细解析

 本篇文章主要是对js判断undefined类型,undefined,null,NaN的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 js判断undefined类型   今天使用showModalDialog打开页面,返回值时.当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined 所以自作聪明判断      var reValue=window.showModalDialog("","",""); 

js判断undefined类型,undefined,null, 的区别详细解析_javascript技巧

js判断undefined类型 今天使用showModalDialog打开页面,返回值时.当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined所以自作聪明判断   var reValue=window.showModalDialog("","","");   if (reValue== undefined){  alert("undefined"); } 发现判断不出来,最后查了下资料要用typeof 方

用js判断是否为360浏览器的实现代码

 以下代码在360安全浏览器5 和 6 版本中 可用 <script> var check360browser={ //如果是360 浏览器的话 "ok":function (){ //这里是判断360成功之后的代码 alert('js -> 360'); }, "try360SE":function (callback) { var ret = false, img = new Image(); img.src = 'res://360se.ex

用js判断是否为360浏览器的实现代码_javascript技巧

以下代码在360安全浏览器5 和 6 版本中 可用 <script> var check360browser={ //如果是360 浏览器的话 "ok":function (){ //这里是判断360成功之后的代码 alert('js -> 360'); }, "try360SE":function (callback) { var ret = false, img = new Image(); img.src = 'res://360se.exe