Kiedy tworzymy aplikację internetową, może się zdarzyć, że będziemy musieli wykryć przeglądarkę, której używa użytkownik, aby zweryfikować niektóre funkcje, które zaimplementowaliśmy i które z nią nie działają, lub po prostu dlatego, że chcemy włączyć dodatkowe funkcje w zależności od ta czy inna przeglądarka.
Najlepszą rzeczą w takich przypadkach jest użycie JavaScript i oszczędź nam bólu głowy, aby wykryć przeglądarkę, zobaczmy, jak to zrobimy.
Wykrywanie przeglądarki
Stwórzmy najpierw HTML proste do włączenia naszego JavaScript i zweryfikować nasze walidacje, będzie zawierać następującą treść:
Wykrywanie przeglądarki użytkownikaJuż z naszym kodem HTML możemy zacząć tworzyć nasz kod JavaScript który wejdzie do tagów skryptu. Najpierw wykryjmy jedną z najczęściej używanych przeglądarek, Google Chrome, do tego użyjemy obiektu nawigator który zawiera wszystko, czego potrzebujemy:
var es_chrome = navigator.userAgent.toLowerCase ().indexOf ('chrome')> -1; if (es_chrome) {alert („Używana przeglądarka to Chrome”); }Podczas uruchamiania naszego przykładu w dowolnej przeglądarce innej niż Google Chrome Komunikatu nie dostaniemy, jednak wykonując go we wspomnianej przeglądarce, dostaniemy następujący komunikat:
Wiemy już, jak wykrywać Google Chrome, zobaczmy jak to zrobić dla Firefox:
var es_firefox = navigator.userAgent.toLowerCase ().indexOf ('firefox')> -1; if (es_firefox) {alert ("Używana przeglądarka to Firefox"); }Jak widać, kod jest dość podobny, ponieważ możemy używać obiektu w ten sam sposób nawigator a jeśli zdamy sobie sprawę z -1 wykrywamy wszystkie jego wersje, zobaczmy odpowiedź tego samego podczas wykonywania go w Firefox:
Możemy również wykryć przeglądarkę Opera, Nie jest to powszechnie stosowane wśród użytkowników, ale warto wiedzieć, jak to zrobić w równym stopniu:
var is_opera = navigator.userAgent.toLowerCase ().indexOf ('opera'); if (es_opera) {alert („Używana przeglądarka to Opera”); }Wreszcie ważne jest, aby wykryć Internet Explorer Ponieważ jest to jedna z przeglądarek, która sprawia więcej problemów w tworzeniu stron internetowych, na poziomie stylów, zdarzeń i efektów, zobaczmy, jak to wykryć:
var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert („Używana przeglądarka to Internet Explorer”); }Wykonujemy go w przeglądarce i otrzymamy następującą odpowiedź, sprawdzając tym samym naszą funkcjonalność:
W ten sposób kończymy ten samouczek, dodając fragmenty kodu, które pomogą nam wykryć przeglądarkę użytkownika, co jest bardzo przydatne w sytuacjach, gdy musimy zweryfikować jego środowisko, czy rozwiązać problemy z silnikiem, czy włączyć dla niego specjalne funkcje.
Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
