JavaScript - Compatibilità browser

È importante comprendere le differenze tra i diversi browser per gestirli nel modo previsto. Quindi è importante sapere in quale browser è in esecuzione la tua pagina web.

Per ottenere informazioni sul browser in cui è attualmente in esecuzione la tua pagina web, utilizza il built-in navigator oggetto.

Proprietà del navigatore

Ci sono diverse proprietà relative al Navigatore che puoi usare nella tua pagina web. Di seguito è riportato un elenco dei nomi e delle descrizioni di ciascuno.

Sr.No. Proprietà e descrizione
1

appCodeName

Questa proprietà è una stringa che contiene il nome in codice del browser, Netscape per Netscape e Microsoft Internet Explorer per Internet Explorer.
2

appVersion

Questa proprietà è una stringa che contiene la versione del browser e altre informazioni utili come la lingua e la compatibilità.
3

language

Questa proprietà contiene l'abbreviazione di due lettere per la lingua utilizzata dal browser. Solo Netscape.
4

mimTypes[]

Questa proprietà è un array che contiene tutti i tipi MIME supportati dal client. Solo Netscape.
5

platform[]

Questa proprietà è una stringa che contiene la piattaforma per la quale è stato compilato il browser. "Win32" per i sistemi operativi Windows a 32 bit
6

plugins[]

Questa proprietà è un array contenente tutti i plug-in che sono stati installati sul client. Solo Netscape.
7

userAgent[]

Questa proprietà è una stringa che contiene il nome in codice e la versione del browser. Questo valore viene inviato al server di origine per identificare il client.

Metodi di navigazione

Esistono diversi metodi specifici del Navigator. Ecco un elenco dei loro nomi e descrizioni.

Sr.No. Descrizione
1

javaEnabled()

Questo metodo determina se JavaScript è abilitato nel client. Se JavaScript è abilitato, questo metodo restituisce true; in caso contrario, restituisce false.
2

plugings.refresh

Questo metodo rende disponibili i plug-in appena installati e popola l'array dei plug-in con tutti i nuovi nomi dei plug-in. Solo Netscape.
3

preference(name,value)

Questo metodo consente a uno script firmato di ottenere e impostare alcune preferenze di Netscape. Se il secondo parametro viene omesso, questo metodo restituirà il valore della preferenza specificata; in caso contrario, imposta il valore. Solo Netscape.
4

taintEnabled()

Questo metodo restituisce true se la contaminazione dei dati è abilitata; altrimenti falso.

Rilevamento del browser

Esiste un semplice JavaScript che può essere utilizzato per scoprire il nome di un browser e quindi una pagina HTML può essere offerta all'utente.

<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>

Produzione