JavaScript中对访问者浏览器信息的获取

Window.navigator对象包含有关访问者浏览器的信息

1、window.navigator对象在编写时可以不使用window前缀。

<!DOCTYPEhtml>

<html>

    <head>

    <title>访问浏览器信息</title>

    <meta charset="UTF-8">

    <meta name="viewport"content="width=device-width, initial-scale=1.0">

    <script>

        //查看访问浏览器的信息

       txt="<p>浏览器代号:"+navigator.appCodeName+"</p>";

       txt+="<p>浏览器名称:"+navigator.appName+"</p>";

       txt+="<p>浏览器版本:"+navigator.appVersion+"</p>";

       txt+="<p>启用Cookies:"+nvaigator.cookieEnabled+"</p>";

       txt+="<p>硬件平台:"+navigator.platform+"</p>";

       txt+="<p>用户代理:"+navigator.userAgent+"</p>";

       txt+="<p>用户代理语言:"+navigator.systemLanguage+"</p>";

       document.getElementById("demo").innerHTML=txt;

    </script>

    </head>

    <body>

    <div id="demo"></div>

    </body>

</html>

显示结果如图所示:

JavaScript中对访问者浏览器信息的获取

注:来自navigator对象的信息具有误导性,不应该被用于检测浏览器版本,原因有:

<1>navigatot数据可被浏览器使用者更改

<2>一些浏览器对测试站点会识别错误

<3>浏览器无法报告晚于浏览器发布的新操作系统

1、浏览器检测

由于navigator可误导浏览器监测,使用对象检测可用来嗅探不同浏览器。

由于不同浏览器支持不同对象,可以使用对象来检测浏览器,如:Opera支持属性“window.opera”,据此可以识别出Opera.

例如:if(window.opera){….someaction…}