KategorieProgramowanieWeb Developer

[JavaScript] W jaki sposób wykryć przeglądarkę użytkownika ?

Niestety twórcom przeglądarek internetowych nie udało się dogadać w sprawie wypracowania standardu, który ułatwiły by życie twórcą stron internetowych. Często zdarza się, że kod napisany w JS działa poprawnie na jednaj przeglądarce zaś na innej już nie chce. W większości przypadków wiąże się to z innymi nazwami funkcji, bądź przez inne obiekty uzyskujemy ten sam efekt. W takich właśnie przypadkach konieczne jest rozpoznanie jakiej przeglądarki użytkownik używa i ustalić odpowiedni fragment kodu dla przeglądarki. Oczywiście informacja ta może służyć jako zwykła ciekawostka na stronie.

Poniżej mamy kod który weryfikuje z jaką przeglądarką mamy do czynienia.


przegladarka = "niezidentyfikowano";

if (navigator.appName=="Netscape") 
{
    przegladarka = "Netscape lub Mozilla";
} 
else if (navigator.userAgent.indexOf("Opera")>-1) 
{
    przegladarka = "Opera";
} 
else if (navigator.appName=="Microsoft Internet Explorer") 
{
    przegladarka = "Internet Explorer";
}

alert("Twoja przeglądarka to: "+przegladarka);

2 przemyślenia nt. „[JavaScript] W jaki sposób wykryć przeglądarkę użytkownika ?”

    1. Wpis jest stary i nie aktualny, jeśli chcesz sprawdzać samemu przeglądarkę to możesz spróbować użyć poniższego kodu:

      // Opera 8.0+
      var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(‘ OPR/’) >= 0;

      // Firefox 1.0+
      var isFirefox = typeof InstallTrigger !== ‘undefined’;

      // Safari 3.0+ “[object HTMLElementConstructor]”
      var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === “[object SafariRemoteNotification]”; })(!window[‘safari’] || (typeof safari !== ‘undefined’ && safari.pushNotification));

      // Internet Explorer 6-11
      var isIE = /*@cc_on!@*/false || !!document.documentMode;

      // Edge 20+
      var isEdge = !isIE && !!window.StyleMedia;

      // Chrome 1+
      var isChrome = !!window.chrome && !!window.chrome.webstore;

      // Blink engine detection
      var isBlink = (isChrome || isOpera) && !!window.CSS;

      lub wykorzystać jakąś bibliotekę, która dostarczy Ci tych informacji np. https://github.com/lancedikson/bowser

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *