Questo blog spiegherà gli approcci per ottenere agenti utente in JavaScript.
Come ottenere un agente utente in JavaScript?
Il ' userAgent La proprietà ” fornisce l'intestazione dello user-agent che viene inviata al server dal browser. L'agente utente può essere recuperato utilizzando il ' userAgent ” proprietà in diversi scenari. Questi scenari sono i seguenti:
Esempio 1: ottenere l'agente utente in JavaScript utilizzando la funzione definita dall'utente
Questo particolare esempio può essere applicato per ottenere l'agente utente di due diversi browser con l'aiuto di una funzione definita dall'utente.
Diamo un'occhiata al seguente frammento di codice:
< h3 > Ottieni l'agente utente in javascript h3 >
< pulsante al clic = 'agenteutente()' > Clicca su ottenere Agente utente pulsante >
< h3 id = 'ancora' stile = 'colore di sfondo: azzurro;' > h3 >
Nel codice sopra:
- Nel primo passaggio, includi l'intestazione indicata.
- Successivamente, crea un pulsante con un allegato ' al clic ” evento che richiama la funzione definita dall'utente userAgent().
- Nel passaggio successivo, includi l'intestazione con il ' id ” per contenere il risultante “ agente utente ”.
Continuiamo con la parte JavaScript del codice:
funzione userAgent ( ) {permettere ottenere = navigatore. userAgent ;
documento. getElementById ( 'ancora' ) . innerHTML = 'User-agent è: ' + ottenere ;
}
Nel codice js precedente, eseguire i seguenti passaggi:
- Dichiara una funzione chiamata ' agente utente() ”.
- Nella sua definizione, applicare il ' userAgent ” proprietà che restituirà le informazioni sul nome del browser, versione ecc.
Uscita (per il browser Chrome)
Uscita (per browser Microsoft Edge)
Dagli output di cui sopra, è possibile osservare la differenza dell'agente utente in entrambi i browser.
Esempio 2: ottenere l'agente utente in JavaScript utilizzando le istruzioni Switch
Il ' interruttore L'istruzione ” viene utilizzata per applicare varie condizioni alle azioni. Questa dichiarazione può essere applicata per applicare un controllo su vari browser al fine di restituire l'agente utente corrispondente.
Sintassi
corda. indice di ( ricerca , inizio )Nella sintassi data:
- “ ricerca ” si riferisce alla stringa da cercare.
- “ inizio ” indica la posizione iniziale.
Esempio
Passiamo al seguente esempio.
Nell'esempio seguente, eseguire i seguenti passaggi:
- Includi il ' intestazione ” per contenere il messaggio risultante.
- Creare una funzione e applicare il ' interruttore ” dichiarazione con lo specificato “ booleano ” valore come suo parametro.
- Nella sua definizione, applicare un controllo sul dichiarato ' browser ” gestendo l'eccezione di “ -1 ” cioè nessun valore trovato.
- Inoltre, applica il ' indice di() ” per controllare la stringa contenuta nel suo parametro nell'agente utente risultante. Questa condizione comporterà la configurazione del browser corrispondente.
- Successivamente, applica il ' userAgent ” insieme al “ toLowerCase() ” metodo per ottenere l'agente utente del browser corrispondente e trasformarlo in lettere minuscole.
- Infine, applica il ' innerText ” per visualizzare il nome del browser corrispondente insieme al relativo agente utente.
< h3 > h3 >
corpo >
- 1 :
Restituzione 'MS bordo' ;
Astuccio agente. indice di ( 'bordo/' ) > - 1 :
Restituzione 'Edge (a base di cromo)' ;
Astuccio agente. indice di ( 'opr' ) > - 1 && !! finestra. opr :
Restituzione 'Musica lirica' ;
Astuccio agente. indice di ( 'cromo' ) > - 1 && !! finestra. cromo :
Restituzione 'Cromo' ;
Astuccio agente. indice di ( 'safari' ) > - 1 :
Restituzione 'Safari' ;
predefinito : Restituzione 'Altro' ;
} } )
( finestra. navigatore . userAgent . toLowerCase ( ) ) ;
documento. querySelector ( 'h3' ) . innerText = 'Tu stai usando ' + browserName + 'browser' ;
consolare. tronco d'albero ( finestra. navigatore . userAgent . toLowerCase ( ) ) ;
copione >
Uscita (per il browser Chrome)
Uscita (per browser Microsoft Edge)
Negli output di cui sopra, è evidente che entrambi i browser vengono rilevati insieme ai relativi agenti utente.
Tutti gli approcci convenienti sono stati discussi per ottenere l'agente utente in JavaScript.
Conclusione
Il ' agente utente ' può essere recuperato per vari browser con l'aiuto di ' definito dall'utente ” funzione così come il “ interruttore ” istruzione in JavaScript. Il primo esempio è semplice e può essere implementato per ottenere l'agente utente del browser corrispondente e restituirlo come intestazione. Quest'ultimo approccio gestisce più browser in base al valore della stringa in essi contenuto e restituisce l'agente utente del browser corrispondente. Questo articolo spiega come ottenere un agente utente in JavaScript.