`

js获取浏览器版本信息、屏幕分辩率

阅读更多
<!DOCTYPE HTML>
<html>
<head>
<title>JS完整获取IE浏览器信息</title>
   <meta charset="utf-8"/>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="435" border="2" cellspacing="1" cellpadding="1">
  <tr>
    <td>浏览器类型</td>
    <td>
      <script>document.write(navigator.appName)</script>
    </td>
  </tr>
  <tr>
    <td >浏览器版本</td>
    <td >
      <script>document.write(navigator.appVersion)</script>
    </td>
  </tr>
  <tr>
    <td>浏览器语言</td>
    <td>
      <script>document.write(navigator.browserLanguage)</script>
    </td>
  </tr>
  <tr>
    <td >CPU类型</td>
    <td >
      <script>document.write(navigator.cpuClass)</script>
    </td>
  </tr>
  <tr>
    <td>操作系统</td>
    <td>
      <script>document.write(navigator.platform)</script>
    </td>
  </tr>
  <tr>
    <td >系统语言</td>
    <td >
      <script>document.write(navigator.systemLanguage)</script>
    </td>
  </tr>
  <tr>
    <td>用户语言</td>
    <td>
      <script>document.write(navigator.userLanguage)</script>
    </td>
  </tr>
  <tr>
    <td >在线情况</td>
    <td >
      <script>document.write(navigator.onLine)</script>
    </td>
  </tr>
  <tr>
    <td>屏幕分辨率</td>
    <td>
<script>document.write(window.screen.width+"x"+window.screen.height)</script></td>
  </tr>
  <tr>
    <td>颜色</td>
    <td> <script>document.write(window.screen.colorDepth+"位")</script></td>
  </tr>
  <tr>
    <td>字体平滑</td>
    <td><script>document.write(window.screen.fontSmoothingEnabled)</script></td>
  </tr>
  <tr>
    <td>appMinorVersion</td>
    <td>
      <script>document.write(navigator.appMinorVersion)</script>
    </td>
  </tr>
  <tr>
    <td >appCodeName</td>
    <td >
      <script>document.write(navigator.appCodeName)</script>
    </td>
  </tr>
  <tr>
    <td>cookieEnabled</td>
    <td>
      <script>document.write(navigator.cookieEnabled)</script>
    </td>
  </tr>
  <tr>
    <td >userAgent</td>
    <td >
      <script>document.write(navigator.userAgent)</script>
    </td>
  </tr>
  <tr>
    <td>javaEnabled</td>
    <td>
      <script>document.write(navigator.javaEnabled())</script>
    </td>
  </tr>
  <tr>
    <td >taintEnabled</td>
    <td >
      <script>document.write(navigator.taintEnabled())</script>
    </td>
  </tr>
</table>
</body>



上述代码可以放在浏览器里运行!


下面代码可获取准确浏览器版本号信息:
今天写了个js,由于IE6、IE7和IE8存在兼容问题,所以需要获取IE的版本号。

下面的HTML可以输出浏览器的信息。可以作为调试或编码时的参考。
当然
      第一个html的代码可以用在firefox中用来获取浏览器信息。
      第二个js对firefox就没什么意义了。

<html>
<head>
     <meta charset="utf-8"/>
</head>
<body style="padding-left:15px;">
<pre>
    <script language="Javascript">
        //输出浏览器信息
        document.write("<hr/>");
        document.write("<br/>");
        document.write("浏览器名称:    "+navigator.appName+"<br />");
        document.write("版本号:        "+navigator.appVersion+"<br />");
        document.write("浏览器代号:    "+navigator.appCodeName+"<br />");
        document.write("用户代理标识:  "+navigator.userAgent);
    </script>
    <hr>

以下的js是获取IE浏览器的版本号:
先判断是否为IE(firefox不执行),然后提取版本号并返回数值。

    <script language="Javascript">
        //区分浏览器信息编号
        if(navigator.appName.indexOf("Internet Explorer") != -1)
        {
           var temp=navigator.appVersion.split("MSIE");
           var version=parseFloat(temp[1]);

           document.write("<p>");
           document.write("浏览器名称 :     " + navigator.appName);
           document.write("</p>");
           document.write("IE 版本:        IE " + version);
        }
        else{
           document.write("不是IE浏览器!");
        }
    </script>

</pre>
</body>
</html>













引自:
http://blog.sina.com.cn/s/blog_4f925fc30100mun8.html












-


分享到:
评论

相关推荐

    获取浏览器类型,屏幕分辨率,操作系统的JS代码

    用JavaiScript里的属性来获取浏览器的版本,屏幕的分辨率,操作系统。

    JS 获取浏览器参数

    这篇博文“JS 获取浏览器参数”可能探讨了如何利用JavaScript来收集关于用户浏览器的信息,包括但不限于浏览器类型、版本、操作系统、屏幕分辨率等。 首先,我们可以使用`navigator`对象来获取浏览器的基本信息。`...

    判断浏览器类型屏幕分辨率自动调用不同CSS的代码

    - 首先通过`window.navigator.userAgent`属性获取用户代理字符串(User-Agent),这是HTTP请求头中的一项,包含了浏览器的名称、版本等信息。 - 使用`indexOf()`方法判断是否为IE或Firefox浏览器。若检测到是IE,...

    js获取屏幕分辨率的方法

    ### JS 获取屏幕分辨率的方法 在Web开发中,获取用户的屏幕分辨率是实现响应式设计和优化用户体验的重要步骤之一。本文将详细介绍如何使用JavaScript来获取屏幕分辨率,并探讨这些信息如何帮助我们实现div元素的...

    JS判断浏览器分辨率自动调用不同CSS

    首先,我们需要了解JavaScript是如何获取浏览器分辨率的。在JavaScript中,`window.innerWidth` 和 `window.innerHeight` 属性分别提供了浏览器视口的宽度和高度。视口是用户当前可见的部分,不包括浏览器的工具栏和...

    JS获取浏览器窗口大小

    ### JS 获取浏览器窗口大小 在前端开发中,经常需要获取浏览器窗口的大小,以便于根据不同的屏幕尺寸调整页面布局或实现响应式设计。本文将详细介绍如何使用JavaScript来获取浏览器窗口的宽度、高度以及相关的属性...

    JS获取当前网页大小以及屏幕分辨率等

    使用JavaScript获取网页的可见区域大小,可以使用`document.body.clientWidth`和`document.body.clientHeight`。这两个属性分别返回视口(也就是浏览器窗口中网页可见区域)的宽度和高度,不包括边框、滚动条或外边...

    JS获取浏览器对象

    这些对象提供了丰富的信息,包括但不限于浏览器类型、版本、语言设置、操作系统、屏幕分辨率等。下面我们将深入探讨这些对象及其属性。 1. **navigator对象**: `navigator`对象提供了有关用户浏览器的信息。一些...

    用js自动判断浏览器分辨率的代码

    这段代码的主要目的是检测用户所使用的浏览器类型(如IE、Firefox或其他)以及其屏幕分辨率,然后根据这些信息动态地更改页面的样式表。这个过程涉及到几个关键部分: 1. **浏览器类型检测**:通过检查`navigator....

    js获取浏览器高度和宽度值.pdf

    本文将详细解析如何通过JavaScript获取不同浏览器中的浏览器高度、宽度以及相关的一些其他尺寸信息。 1. **浏览器高度和宽度的获取** - `document.body.clientWidth` 和 `document.body.clientHeight`: 这两个...

    不同标签获取分屏幕分辨率的js使用方法。

    该文档是所有的js获取屏幕分辨率的集合,注意:浏览器缩放会影响获取的参数。

    js获取浏览器高度和宽度值(多浏览器)

    在JavaScript中,获取浏览器的高度和宽度是常见的需求,用于适应不同的屏幕尺寸和实现响应式设计。然而,由于不同浏览器之间的差异,获取这些值的方法并不统一。本文将详细介绍如何在多种浏览器环境下,包括IE、Fire...

    js 获取浏览器高度和宽度值(多浏览器)

    在 Web 开发中,获取浏览器的高度和宽度值是非常重要的,因为它能够帮助我们更好地布局页面元素和实现响应式设计。然而,浏览器的高度和宽度值获取方法却因浏览器的不同而有所区别。在本文中,我们将讨论如何在不同...

    js获取浏览器基本信息大全

    在JavaScript中,获取浏览器基本信息是非常常见的需求,这包括浏览器窗口的尺寸、可视区域、滚动位置以及屏幕分辨率等。以下是一些关键知识点的详细说明: 1. **网页可见区域**: - `document.body.clientWidth`:...

    JS获取浏览器的高度和宽度

    以下将详细介绍如何通过JavaScript获取这些信息,并探讨不同浏览器间可能存在的差异。 首先,我们可以使用`window.innerWidth`和`window.innerHeight`来获取浏览器窗口的总宽度和高度,包括工具栏和其他用户界面...

    JS判断浏览器分辨率调用不同css样式

    ### JS判断浏览器分辨率调用不同CSS样式的实现方法 在Web开发中,为了提供更好的用户体验,根据不同的设备分辨率(屏幕尺寸)应用相应的CSS样式是非常重要的。这种方法有助于优化页面布局、提高加载速度,并确保...

    关于获取各种浏览器可见窗口大小

    在前端开发中,经常需要获取浏览器的可见窗口大小以及其他相关信息,以便能够根据不同的设备和浏览器环境来优化网页布局与用户体验。本文将详细解析如何通过JavaScript来获取不同浏览器下的窗口尺寸,并探讨一些特殊...

    jQuery获取浏览器中的分辨率实现代码

    总结起来,通过jQuery和JavaScript,我们可以轻松地获取浏览器窗口、文档以及屏幕的各种尺寸信息,从而更好地优化网页布局,确保在各种设备和分辨率下都能提供良好的用户体验。理解并熟练运用这些方法是现代Web开发...

    根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

    本文将深入探讨如何通过JavaScript来检测浏览器类型及屏幕分辨率,并据此选择合适的CSS文件加载到网页中。 #### 一、基础概念 1. **浏览器检测**:通过分析`navigator.userAgent`字符串来判断浏览器类型。这种方法...

Global site tag (gtag.js) - Google Analytics