ES6 - 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, usa l'oggetto navigatore integrato.
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 la relativa descrizione.
| Suor n | 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 sistemi operativi Windows a 32 bit. |
| 6 | plugins[] Questa proprietà è un array contenente tutti i plug-in 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.
| Suor n | Metodi e 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
Il seguente codice JavaScript 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>Il seguente output viene visualizzato in caso di corretta esecuzione del codice precedente.
Mozilla based browser
Browser version info : 5.0(Windows NT 6.3; WOW64) AppleWebKit / 537.36 (KHTML, come Gecko) Chrome / 41.0.2272.101 Safari / 537.36