Открийте браузъра с JavaScript

Когато разработваме уеб приложение, може да се наложи да открием браузъра, който потребителят използва, за да потвърди някои функции, които сме внедрили и които не работят с него или просто защото искаме да активираме допълнителни функции в зависимост от един или друг браузър.

Най -доброто за тези случаи е да използвате JavaScript и ни спести главоболие, за да открием браузъра, нека видим как го правим.

Откриване на браузъра

Нека първо създадем a HTML лесно да включим нашите JavaScript и проверете нашите валидации, той ще съдържа следното съдържание:

 Откриване на браузъра на потребителя 

Вече с нашия код HTML можем да започнем да създаваме нашия код JavaScript които ще влязат в скриптовите тагове. Нека първо открием един от най -използваните браузъри, Google Chrome, за това ще използваме обекта навигатор който съдържа всичко необходимо:

 var es_chrome = navigator.userAgent.toLowerCase (). indexOf ('chrome')> -1; if (es_chrome) {alert ("Използваният браузър е Chrome"); }

Когато изпълняваме нашия пример във всеки браузър, различен от Google Chrome Няма да получим съобщението, но когато го изпълним в споменатия браузър, ще получим следното съобщение:

Вече знаем как да открием Google Chrome, нека да видим как да го направя за Firefox:

 var es_firefox = navigator.userAgent.toLowerCase (). indexOf ('firefox')> -1; if (es_firefox) {alert ("Използваният браузър е Firefox"); }

Както виждаме, кодът е доста подобен, тъй като можем да използваме обекта по същия начин навигатор и ако осъзнаем, че с -1 откриваме всички негови версии, нека видим отговора на същото при изпълнението му в Firefox:

Можем също да открием браузъра Опера, Не се използва широко сред потребителите, но си струва да знаете как да го направите еднакво:

 var is_opera = navigator.userAgent.toLowerCase (). indexOf ('opera'); if (es_opera) {alert ("Използваният браузър е Opera"); }

И накрая, важно е да се открие Internet Explorer Тъй като това е един от браузърите, който дава повече проблеми в уеб разработката, на ниво стилове, събития и ефекти, нека да видим как да го открием:

 var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert ("Използваният браузър е Internet Explorer"); }

Изпълняваме го в браузъра и ще получим следния отговор, като по този начин проверяваме нашата функционалност:

Така приключваме този урок, добавяйки части от код, които ще ни помогнат да открием браузъра на потребителя, нещо много полезно за онези случаи, когато трябва да потвърдим неговата среда, независимо дали за решаване на проблеми с двигателя или активиране на специални функции за него.

Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка