ES6 - 浏览器


了解不同浏览器之间的差异非常重要,以便以预期的方式处理每个浏览器。因此,了解您的网页正在运行的浏览器非常重要。要获取有关网页当前正在运行的浏览器的信息,请使用内置的导航器对象。

导航器属性

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

先生编号 属性及描述
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>

成功执行上述代码后将显示以下输出。

Mozilla based browser  
Browser version info : 5.0 

(Windows NT 6.3;WOW64)AppleWebKit/537.36(KHTML,如 Gecko)Chrome/41.0.2272.101 Safari/537.36