JavaScript è un linguaggio di scripting lato client che può essere utilizzato per modificare e analizzare molti aspetti della sessione di un visitatore. JavaScript può essere usato per impostare e recuperare i cookie, rilevare il sistema operativo dell'utente e verifica il tipo di browser dell'utente. Informazioni recuperate utilizzando questi metodi possono essere utilizzate per fornire interfacce utente specifiche del visitatore, personalizzare i messaggi e interagire con singoli utenti in base alla loro configurazione unica. Ad esempio, informazioni sulla configurazione del browser Web dell'utente sono incluso in un oggetto JavaScript denominato l'oggetto "navigator".

Istruzioni

1

Aprire un editor di testo e creare un nuovo file denominato browserCheck.html. Aggiungere i seguenti tag HTML al file: un tag "< head >" aperto, un tag di apertura "< html >", una stretta, un tag di chiusura "< / head >", un tag aperto "< body >" tag "< / body >" e un "< / html >" tag.

< html >

< testa >< / testa >

< corpo >< / corpo >

< / html >

2

Aggiungere un tag HTML "< div >" al file tra il "< body >" e "< / body >" tag. Questo elemento < div > visualizzerà il tipo di browser dopo il rilevamento. Assegnare all'elemento < div > l'id "browserDisplay" e chiudere il "< / div >" tag.

< html >

< testa >< / testa >

< corpo >

< div id = "browserDisplay" >< / div >

< / body >

< / html >

3

Aggiungere un tag JavaScript "< script >" e un JavaScript tag "< / script >" dopo il "< / div > tag di chiusura. Impostare tipo valore dello script su "text/javascript".

< html >

< testa >< / testa >

< corpo >

< div id = "browserDisplay" >< / div >

< script type = "text/javascript" >

< / script >

< / body >

< / html >

4

Dichiarare una variabile denominata userAgentVar all'interno della "< script >" e "< / script >" tag e assegnare alla variabile il valore di UserAgent. Una volta assegnato, la variabile userAgentVar contiene i valori che includono il nome del browser.

< html >

< testa >< / testa >

< corpo >

< div id = "browserDisplay" >< / div >

< script type = "text/javascript" >

userAgentVar = UserAgent;

< / script >

< / body >

< / html >

5

Utilizzare un'istruzione condizionale di JavaScript per cercare la stringa "Firefox" nella variabile userAgentVar. Metodo IndexOf () funzione JavaScript restituisce un valore "-1" se la stringa non viene trovata. Se la funzione IndexOf () indica la stringa "Firefox" è stato trovato in userAgentVar, impostare una variabile denominata "browserText" al testo "questo browser è Firefox".

< html >

< testa >< / testa >

< corpo >

< div id = "browserDisplay" >< / div >

< script type = "text/javascript" >

userAgentVar = UserAgent;

Se (userAgentVar.indexOf("Firefox")! = "-1")

browserText = "questo browser è Firefox.";

< / script >

< / body >

< / html >

6

Utilizzare un'istruzione condizionale seconda di JavaScript per cercare la stringa "MSIE" nella variabile userAgentVar. Metodo IndexOf () funzione JavaScript restituisce un valore "-1" se la stringa non viene trovata. Se la funzione IndexOf () indica la stringa "MSIE" è stato trovato in userAgentVar, impostare una variabile denominata "browserText" al testo "questo browser è Microsoft Internet Explorer".

< html >

< testa >< / testa >

< corpo >

< div id = "browserDisplay" >< / div >

< script type = "text/javascript" >

userAgentVar = UserAgent;

Se (userAgentVar.indexOf("Firefox")! = "-1")

browserText = "questo browser è Firefox.";

Se (userAgentVar.indexOf("MSIE")! = "-1")

browserText = "questo browser è Microsoft Internet Explorer.";

< / script >

< / body >

< / html >

7

Utilizzare una terza istruzione condizionale JavaScript per controllare la stringa "Safari" nella variabile userAgentVar. Metodo IndexOf () funzione JavaScript restituisce un valore "-1" se la stringa non viene trovata. Se la funzione IndexOf () indica la stringa "Safari" è stato trovato in userAgentVar, impostare una variabile denominata "browserText" al testo "questo browser è Safari".

< html >

< testa >< / testa >

< corpo >

< div id = "browserDisplay" >< / div >

< script type = "text/javascript" >

userAgentVar = UserAgent;

Se (userAgentVar.indexOf("Firefox")! = "-1")

browserText = "questo browser è Firefox.";

Se (userAgentVar.indexOf("MSIE")! = "-1")

browserText = "questo browser è Microsoft Internet Explorer.";

Se (userAgentVar.indexOf("Safari")! = "-1")

browserText = "questo browser è Safari.";

< / script >

< / body >

< / html >

8

Utilizzare la funzione JavaScript Document. getElementById per impostare il browserDisplay < div > di innerHTML valore al valore della variabile browserText.

< html >

< testa >< / testa >

< corpo >

< div id = "browserDisplay" >< / div >

< script type = "text/javascript" >

userAgentVar = UserAgent;

Se (userAgentVar.indexOf("Firefox")! = "-1")

browserText = "questo browser è Firefox.";

Se (userAgentVar.indexOf("MSIE")! = "-1")

browserText = "questo browser è Microsoft Internet Explorer.";

Se (userAgentVar.indexOf("Safari")! = "-1")

browserText = "questo browser è Safari.";

document.getElementById("browserDisplay").innerHTML = browserText;

< / script >

< / body >

< / html >

9

Aprire browserCheck.html in Firefox, Internet Explorer e Safari. Verificare che il nome appropriato di messaggio e browser è scritto nella pagina Web.

Consigli & Avvertenze

• L'oggetto navigator JavaScript può essere utilizzato per determinare altri browser, ad esempio, Opera..--o per determinare la versione di un browser.
• L'oggetto navigator JavaScript ha molte proprietà principali, tra cui l'utente piattaforma, lingua e o meno i cookie sono abilitati.
• Maggior parte degli oggetti navigator hanno tag HTML corrispondenti.
• L'inizializzazione di una variabile su un valore null o un valore predefinito vi aiuterà nei casi dove nessun valore, in definitiva, è scritto nella variabile.
• Perché UserAgent viene generalmente utilizzato per rilevare i browser, alcuni browser meno comunemente possono identificarsi in modo non corretto con questo valore.