JavaScript - 浏览器兼容性

了解不同浏览器之间的差异非常重要，以便以预期的方式处理每个浏览器。因此，了解您的网页在哪个浏览器中运行非常重要。

要获取有关网页当前运行的浏览器的信息，请使用内置导航器对象。

导航器属性

您可以在网页中使用多个与导航器相关的属性。以下是每个名称和描述的列表。

先生。	属性及描述
1	应用代码名称该属性是一个字符串，其中包含浏览器的代码名称，Netscape 表示 Netscape，Microsoft Internet Explorer 表示 Internet Explorer。
2	应用程序版本该属性是一个字符串，其中包含浏览器的版本以及其他有用的信息，例如其语言和兼容性。
3	语言此属性包含浏览器使用的语言的两个字母的缩写。仅限网景。
4	mim类型[] 该属性是一个数组，包含客户端支持的所有 MIME 类型。仅限网景。
5	平台[] 此属性是一个字符串，其中包含编译浏览器的平台。“Win32”表示 32 位 Windows 操作系统
6	插件[] 该属性是一个数组，包含客户端上已安装的所有插件。仅限网景。
7	用户代理[] 该属性是一个字符串，包含浏览器的代码名称和版本。该值被发送到原始服务器以识别客户端。

导航器方法

有几种特定于 Navigator 的方法。这是他们的名称和描述的列表。

先生。	描述
1	java启用() 此方法确定客户端是否启用 JavaScript。如果启用了 JavaScript，则此方法返回 true；否则，返回 false。
2	插件.刷新此方法使新安装的插件可用，并使用所有新插件名称填充插件数组。仅限网景。
3	偏好（名称，值）此方法允许签名脚本获取和设置一些 Netscape 首选项。如果省略第二个参数，该方法将返回指定首选项的值；否则，它设置该值。仅限网景。
4	启用污点（）如果启用了数据污染，则此方法返回 true；否则为假。

浏览器检测

有一个简单的 JavaScript 可用于查找浏览器的名称，然后相应地向用户提供 HTML 页面。

现场演示

<html>   
   <head>
      <title>Browser Detection Example</title>
   </head>
   
   <body>      
      <script type = "text/javascript">
         <!--
            var userAgent   = navigator.userAgent;
            var opera       = (userAgent.indexOf('Opera') != -1);
            var ie          = (userAgent.indexOf('MSIE') != -1);
            var gecko       = (userAgent.indexOf('Gecko') != -1);
            var netscape    = (userAgent.indexOf('Mozilla') != -1);
            var version     = navigator.appVersion;
            
            if (opera) {
               document.write("Opera based browser");
               // Keep your opera specific URL here.
            } else if (gecko) {
               document.write("Mozilla based browser");
               // Keep your gecko specific URL here.
            } else if (ie) {
               document.write("IE based browser");
               // Keep your IE specific URL here.
            } else if (netscape) {
               document.write("Netscape based browser");
               // Keep your Netscape specific URL here.
            } else {
               document.write("Unknown browser");
            }
            
            // You can include version to along with any above condition.
            document.write("<br /> Browser version info : " + version );
         //-->
      </script>      
   </body>
</html>

JavaScript - 浏览器兼容性

导航器属性

导航器方法

浏览器检测

输出