JavaScript - 浏览器兼容性

了解不同浏览器之间的差异以便按照预期的方式处理每个浏览器非常重要.因此,了解您的网页运行的浏览器非常重要.

要获取有关您的网页当前正在运行的浏览器的信息,请使用内置的导航器 object.

导航器属性

您可以在网页中使用几个与Navigator相关的属性.以下是每个名称和描述的列表.

Sr.No.Property&说明
1

appCodeName

此属性是一个字符串,其中包含浏览器的代码名称,Netscape for Netscape和Microsoft Internet Explorer for Internet Explorer.

2

appVersion

此属性是一个字符串,其中包含浏览器的版本以及其他有用信息,例如其语言和兼容性.

3

language

此属性包含浏览器使用的语言的双字母缩写.仅限Netscape.

4

mimTypes []

此属性是一个包含客户端支持的所有MIME类型的数组.仅限Netscape.

5

platform []

此属性是一个字符串,其中包含编译浏览器的平台."Win32"用于32位Windows操作系统

6

plugins []

此属性是一个包含客户端上已安装的所有插件的数组.仅限Netscape.

7

userAgent []

此属性是一个字符串,其中包含代码名称和浏览器版本.此值将发送到原始服务器以标识客户端.

导航方法

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

Sr.No.描述
1

javaEnabled()

此方法确定是否客户端启用了JavaScript.如果启用了JavaScript,则此方法返回true;否则,它返回false.

2

plugings.refresh

此方法使新安装的插件可用,并使用所有新插件名称填充插件数组.仅限Netscape.

3

preference(name,value)

此方法允许签名脚本获取和设置一些Netscape首选项.如果省略第二个参数,则此方法将返回指定首选项的值;否则,它设置值.仅限Netscape.

4

taintEnabled()

如果启用了数据污染,则此方法返回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>