Quando sviluppiamo un'applicazione web potrebbe essere il caso di dover rilevare il browser che l'utente sta utilizzando per convalidare alcune funzionalità che abbiamo implementato e che non funziona con esso o semplicemente perché vogliamo abilitare funzionalità aggiuntive a seconda un browser o un altro.
La cosa migliore per questi casi è usare JavaScript e risparmiaci il mal di testa per rilevare il browser, vediamo come lo facciamo.
Rilevamento del browser
Creiamo prima un HTML semplice includere il nostro JavaScript e verificare le nostre convalide, conterrà il seguente contenuto:
Rilevamento del browser dell'utenteGià con il nostro codice HTML possiamo iniziare a creare il nostro codice JavaScript che andrà all'interno dei tag dello script. Rileviamo prima uno dei browser più utilizzati, Google Chrome, per questo useremo l'oggetto navigatore che contiene tutto ciò di cui abbiamo bisogno:
var es_chrome = navigator.userAgent.toLowerCase(). indexOf ('chrome')> -1; if (es_chrome) {alert ("Il browser utilizzato è Chrome"); }Quando si esegue il nostro esempio in qualsiasi browser diverso da Google Chrome Non riceveremo il messaggio, tuttavia quando lo eseguiamo nel browser menzionato, otterremo il seguente messaggio:
Sappiamo già come rilevare Google Chrome, vediamo come farlo per Firefox:
var es_firefox = navigator.userAgent.toLowerCase(). indexOf ('firefox')> -1; if (es_firefox) {alert ("Il browser utilizzato è Firefox"); }Come possiamo vedere, il codice è abbastanza simile, poiché possiamo usare l'oggetto allo stesso modo navigatore e se ci rendiamo conto con il -1 ne rileviamo tutte le versioni, vediamo la risposta della stessa quando lo eseguiamo in Firefox:
Possiamo anche rilevare il browser musica lirica, Non è molto utilizzato tra gli utenti ma vale la pena sapere come farlo ugualmente:
var is_opera = navigator.userAgent.toLowerCase(). indexOf ('opera'); if (es_opera) {alert ("Il browser utilizzato è Opera"); }Infine, è importante rilevare Internet Explorer Trattandosi di uno dei browser che dà più problemi nello sviluppo web, a livello di stili, eventi ed effetti, vediamo come rilevarlo:
var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert ("Il browser utilizzato è Internet Explorer"); }Lo eseguiamo nel browser e otterremo la seguente risposta verificando così la nostra funzionalità:
Concludiamo così questo tutorial, aggiungendo porzioni di codice che ci aiuteranno a rilevare il browser dell'utente, qualcosa di molto utile per quelle occasioni in cui abbiamo bisogno di convalidare il suo ambiente, sia per risolvere problemi del motore che per abilitare funzionalità speciali per esso.
Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo
