Oggetto Navigator in JavaScript | Spiegato

In JavaScript, il "navigatore" oggetto comprende le informazioni sulla corrente browser che l'utente utilizza per accedere a un'applicazione Web. Potresti sapere che tutti i browser sono diversi e elaborano JavaScript diversamente. In tale scenario, l'oggetto Navigator aiuta a personalizzare l'applicazione in base alle impostazioni del browser dell'utente.

L'oggetto JavaScript Navigator consente di utilizzare il posizione Informazioni per ottenere i dettagli relativi alla posizione corrente dell'utente. Le sue altre proprietà utili aiutano a conoscere il Nome browser, suo versione, motore browser o nome del prodotto e il browser lingua. In breve, il tuo sito Web sarà più compatibile con browser diversi se si utilizza correttamente le proprietà degli oggetti Navigator.

Questo articolo spiegherà l'oggetto Navigator in JavaScript, le sue proprietà e i metodi con l'aiuto di esempi adeguati. Quindi iniziamo!

Oggetto Navigator in JavaScript

Come accennato in precedenza, l'oggetto Navigator in JavaScript viene utilizzato per recuperare le informazioni relative al browser. È una proprietà della finestra a cui è possibile accedere utilizzando:

finestra.navigatore

O

navigatore

L'oggetto Navigator offre varie proprietà e metodi che aiutano i programmatori a determinare le caratteristiche fornite dal browser. Segui questo post per imparare le proprietà e i metodi dell'oggetto navigator comunemente usati se hai lo stesso motivo.

Oggetto Navigator AppCodename Proprietà in JavaScript

IL "appcodename"Proprietà dell'oggetto JavaScript Navigator visualizza il nome del codice del browser.

Sintassi dell'oggetto Navigator AppCodename in JavaScript

navigatore.appcodename

Esempio: proprietà Object Navigator AppCodename in JavaScript

In seguito, la variabile "browsercodename"Memorizzerà il nome del codice browser restituito da"navigatore.appcodename" proprietà:

let browsercodename = navigator.appcodename;
console.log ("Il nome del codice browser è:" + browsercodename);

Come puoi vedere dall'output, il nome del codice browser è "Mozilla":

Proprietà Object Navigator AppName in JavaScript

IL "nome dell'applicazione"Proprietà dell'oggetto Navigator restituisce il nome del browser.

Nota: Tutti i browser moderni mostreranno "Netscape" come il nome dell'applicazione Valore della proprietà dell'oggetto Navigator.

Sintassi della proprietà Object Navigator AppName in JavaScript

navigatore.nome dell'applicazione

Esempio: proprietà Object Navigator AppName in JavaScript

Ora recupereremo il valore di "nome dell'applicazione"Proprietà dell'oggetto Navigator:

let browsername = navigator.nome dell'applicazione;
console.log ("Nome browser:" + browsername);

Produzione

Proprietà Appversion Object Navigator in JavaScript

Se vuoi conoscere la versione del tuo browser attuale, puoi usare il "Appversione"Proprietà dell'oggetto JavaScript Navigator.

Sintassi della proprietà Appversion Object Object in JavaScript

navigatore.Appversione

Esempio: Proprietà Appversion Object Navigator in JavaScript

Nel seguente esempio, il valore del "navigatore.Appversione"Sarà memorizzato nella variabile"versione,"Che viene quindi visualizzato nella console con l'aiuto di"console.tronco d'albero()" metodo:

Let versione = navigator.appversione;
console.log ("versione del browser:" + versione);

L'output di seguito mostra la versione del nostro browser:

Proprietà CookieEnabled oggetto Navigator in JavaScript

L'oggetto navigatore "biscotti"La proprietà viene utilizzata per verificare se i cookie sono abilitati nel browser o meno.

Sintassi della proprietà CookieEinabled Object Navigator in JavaScript

navigatore.CookieEnabled

Se i cookie sono abilitati nel browser, il navigatore.CookieEnabled La proprietà tornerà "VERO“; Altrimenti, il caso di ritorno verrà impostato su "falso"Se i cookie sono disabilitati.

Esempio: proprietà CookieEnabled Oggetto Navigator in JavaScript

Controlleremo lo stato dei cookie del nostro browser usando "navigatore.CookieEnabled" proprietà:

Let Cookies = Navigator.CookieEnabled;
console.log ("cookie abilitati:" + cookie);

Dato l'output significa che i cookie sono abilitati nel nostro browser:

Proprietà di geolocalizzazione oggetto Navigator in JavaScript

In JavaScript, il "geolocalizzazione"Proprietà di un oggetto Navigator restituisce un"Geolocalizzazione"Oggetto che consente di fornire le informazioni relative alla posizione come la posizione corrente dell'utente.

Sintassi della proprietà di geolocalizzazione oggetto Navigator in JavaScript

navigatore.geolocalizzazione

Esempio: proprietà di geolocalizzazione oggetto Navigator in JavaScript

L'oggetto navigatore "geolocalizzazione"La proprietà ti chiede di concedere l'autorizzazione per ottenere la posizione. In caso di soddisfazione della richiesta, restituirà un "Geolocalizzazione"L'oggetto e questo oggetto possono essere utilizzati per eseguire ulteriori operazioni.

Nel nostro programma, in primo luogo accederemo al API di geolocalizzazione usando il "navigatore.geolocalizzazione"Proprietà, se questa operazione viene riuscita, la proprietà specificata invocherà il"getCurrentPositions ()"Metodo dell'oggetto di geolocalizzazione durante il passaggio"showposition ()"Come argomento, altrimenti, il codice scritto in"altro"Il blocco verrà eseguito:

if (navigatore.geolocalizzazione)
navigatore.geolocalizzazione.getCurrentPosition (showposition);
altro
console.log ("La geolocalizzazione non è supportata da questo browser.");

Dopo aver permesso l'accesso alla posizione da parte dell'utente, la funzione showposition () eseguirà la sua funzionalità e visualizzerà la posizione del dispositivo corrente secondo "Latitudine" E "Longitudine" valori:

funzione showposition (posizione)
console.log ("latitudine:" + posizione.coords.latitudine + "" +
"Longitudine:" + posizione.coords.longitudine);

Per conoscere la nostra posizione attuale, consentiremo l'accesso alla posizione per l'API di geolocalizzazione:

Dopo averlo fatto, il "Latitudine" E "Longitudine"I valori verranno mostrati nella finestra della console all'interno di pochi microsecondi:

Navigator Object Navigator.Proprietà linguistica in JavaScript

IL "navigatore.lingua"La proprietà dell'oggetto navigatore prenderà la lingua corrente del browser.

Sintassi di Navigator Object Navigator.Proprietà linguistica in JavaScript

navigatore.lingua

Se il browser è online, il "navigatore.lingua" sarà di ritorno "VERO“; Altrimenti, il suo caso di ritorno è impostato su "falso"Quando il browser è offline.

Esempio: Navigator Object Navigator.Proprietà linguistica in JavaScript

Esegui il codice di seguito per controllare la lingua del browser:

Let Language = Navigator.lingua;
console.log ("lingua del browser:" + lingua);

La lingua del nostro browser è impostata sugli stati uniti in inglese; Ecco perché la stringa "en-us"Viene visualizzato come output:

Navigator Object Navigator.Proprietà online in JavaScript

"navigatore.in linea"È un'altra proprietà utile dell'oggetto navigatore, che verifica se il browser è online o no.

Sintassi di Navigator Object Navigator.Proprietà online in JavaScript

navigatore.in linea

Esempio: Navigator Object Navigator.Proprietà online in JavaScript

Per controllare lo stato corrente del browser, digita il seguente codice nella finestra della console:

Let Online = Navigator.in linea;
console.log ("browser online:" + online);

"VERO"Rappresenta che il tuo browser è online, mentre"falso"Indica che il browser non è attualmente attivo (offline):

Navigator Object Navigator.Proprietà della piattaforma in JavaScript

IL "navigatore.piattaforma"Proprietà di un oggetto JavaScript identifica la piattaforma su cui è in esecuzione il browser.

Sintassi di Navigator Object Navigator.Proprietà della piattaforma in JavaScript

navigatore.piattaforma

Esempio: Navigator Object Navigator.Proprietà della piattaforma in JavaScript

Let Platform = Navigator.piattaforma;
console.log ("piattaforma:" + piattaforma);

Il programma di cui sopra emetterà la piattaforma per la quale viene compilato il browser:

Navigator Object Navigator.Proprietà del prodotto in JavaScript

In JavaScript, il "navigatore.Prodotto"La proprietà di un oggetto Navigator è accessibile per visualizzare il motore del browser o il nome del prodotto.

Sintassi di Navigator Object Navigator.Proprietà del prodotto in JavaScript

navigatore.Prodotto

Esempio: Navigator Object Navigator.Proprietà del prodotto in JavaScript

Per alcuni motivi di compatibilità, mostrano i browser moderni "Geco"Come nome del prodotto quando il"navigatore.Prodotto"La proprietà è accessibile:

let browserproduct = navigator.Prodotto;
console.log ("Prodotto del browser:" + browserProduct);

Produzione

Navigator Object Navigator.Proprietà UserAgent in JavaScript

Il browser invia le intestazioni dell'utente-agente al server e può essere recuperato utilizzando "navigatore.useragent" proprietà.

Sintassi di Navigator Object Navigator.Proprietà UserAgent in JavaScript

navigatore.useragent

Esempio: Navigator Object Navigator.Proprietà UserAgent in JavaScript

Per ottenere le informazioni archiviate nell'intestazione dell'agente utente, invoceremo il "utente-agenT "proprietà dell'oggetto Navigator:

Let Agent = Navigator.useragent;
console.log ("utente-agent:" + agente);

L'intestazione dell'agente utente di intestazione fornisce le informazioni relative alla piattaforma del browser, il suo nome, numero di versione:

Oggetto Navigator Javaenabled () Metodo in JavaScript

È "Giava"Abilitato nel browser? Utilizzare il "Javaenabled ()" Metodo oggetto Navigator per ottenere la risposta alla domanda specificata.

Sintassi dell'oggetto Navigator Javaenabled () Metodo in JavaScript

navigatore.javaenabled ()

Esempio: oggetto Navigator Javaenabled () Metodo in JavaScript

IL "javaenabled ()"Il metodo restituirà un valore booleano vero o falso, dove"VERO"Rappresenta che Java è abilitato e"falso"Indica che Java è disabilitato:

let java = navigatore.javaenabled ();
console.log ("java abilitato:" + java);

Produzione

Abbiamo compilato le informazioni essenziali relative all'oggetto Navigator in JavaScript.

Conclusione

L'oggetto navigator in javascript viene definito "navigatore" O "finestra.navigatore". Contiene informazioni sul browser e sulle sue capacità. L'oggetto JavaScript Navigator offre diverse proprietà e metodi utili che recuperano i dettagli relativi al browser, come il nome del browser, la sua versione, il motore del browser o il nome del prodotto e la lingua del browser. Questo articolo ha spiegato il Navigator Objeclattina JavaScript con l'aiuto di esempi adatti.