How can I detect browser type using jQuery

Question

I want to detect if the user is using IE and Firefox but I cannot find the script   I have code as below     document  ready function e          browser chrome    chrom e ium   test navigator userAgent toLowerCase          if   browser chrome           alert 1                  this work well                   else if   the browser is IE  alert 2                else if   the browser is Firefox  alert 3          The problem is that I don t know how to write a script for IE and FireFox browser for chrome is work fine

User · Answer

You can get Browser type here    lt script gt      var browser type   Object keys   browser  0       alert browser type    lt  script gt

User · Answer

You shouldn t write your own browser-detection code - it s been done many times before  Use Modernizr to detect independent browser features instead  It s better to detect the various features than to detect entire browsers because various browsers may support different set of features and those features may even change through various versions of the same browser  If you detect the presence of a given feature  your code will likely work better in more browsers  This is especially true for the various mobile browsers   When you run Modernizr  it ll update your HEAD element s class attribute so that it lists the various features of the browser that you re using - you can then use Javascript to query the attribute and decide what to do if a feature is present  or missing

User · Answer

x000D   x000D    document  ready function    x000D      alert  sdfsd    x000D      checkOperatingSystem    x000D         x000D     function checkOperatingSystem    x000D         var  userAgent   navigator userAgent    navigator vendor    window opera  x000D   x000D          x000D         if   android i test userAgent     x000D             alert  android    x000D           x000D   x000D          x000D         if   iPad iPhone iPod  test userAgent   amp  amp   window MSStream    x000D             alert  ios    x000D           x000D   x000D         x000D         if  navigator appVersion indexOf  Win    -1  x000D           x000D              x000D           x000D   x000D         x000D         if  navigator appVersion indexOf  Mac    -1  x000D           x000D              x000D             x000D       x000D   x000D   x000D

User · Answer

I have used this and it works for me Also include jquery migrate plugin and jquery file   if     browser webkit     alert   This is WebKit

User · Answer

Use this    function  factory      if  typeof define      function   amp  amp  define amd           AMD  Register as an anonymous module      define   jquery    function             return factory                 else if  typeof module      object   amp  amp  typeof module exports      object            Node-like environment     module exports   factory require  jquery         else          Browser globals     factory window jQuery         function jQuery       use strict      function uaMatch  ua            If an UA is not provided  default to the current browser UA      if   ua     undefined           ua   window navigator userAgent            ua   ua toLowerCase         var match     edge      w      exec  ua                opr        w      exec  ua                chrome         w      exec  ua                version  applewebkit         w       safari         w      exec  ua                webkit         w       version         w       safari         w      exec  ua                webkit         w      exec  ua                opera      version          w      exec  ua                msie     w      exec  ua              ua indexOf  trident    gt   0  amp  amp    rv           w      exec  ua              ua indexOf  compatible    lt  0  amp  amp    mozilla        rv    w        exec  ua                       var platform match     ipad   exec  ua                ipod   exec  ua                iphone   exec  ua                kindle   exec  ua                silk   exec  ua                android   exec  ua                windows phone   exec  ua                win   exec  ua                mac   exec  ua                linux   exec  ua                cros   exec  ua                playbook   exec  ua                bb   exec  ua                blackberry   exec  ua                       var browser               matched               browser  match  5      match  3      match  1                    version  match  2      match  4       0             versionNumber  match  4      match  2       0             platform  platform match  0                         if   matched browser           browser  matched browser     true        browser version   matched version        browser versionNumber   parseInt matched versionNumber  10              if   matched platform           browser  matched platform     true                These are all considered mobile platforms  meaning they run a mobile browser     if   browser android    browser bb    browser blackberry    browser ipad    browser iphone          browser ipod    browser kindle    browser playbook    browser silk    browser   windows phone             browser mobile   true                These are all considered desktop platforms  meaning they run a desktop browser     if   browser cros    browser mac    browser linux    browser win           browser desktop   true                Chrome  Opera 15  and Safari are webkit based browsers     if   browser chrome    browser opr    browser safari           browser webkit   true                IE11 has a new token so we will assign it msie to avoid breaking changes        IE12 disguises itself as Chrome  but adds a new Edge token      if   browser rv    browser edge           var ie    msie          matched browser   ie        browser ie    true                Blackberry browsers are marked as Safari on BlackBerry     if   browser safari  amp  amp  browser blackberry           var blackberry    blackberry          matched browser   blackberry        browser blackberry    true                Playbook browsers are marked as Safari on Playbook     if   browser safari  amp  amp  browser playbook           var playbook    playbook          matched browser   playbook        browser playbook    true                BB10 is a newer OS version of BlackBerry     if   browser bb           var bb    blackberry          matched browser   bb        browser bb    true                Opera 15  are identified as opr     if   browser opr           var opera    opera          matched browser   opera        browser opera    true                Stock Android browsers are marked as Safari on Android      if   browser safari  amp  amp  browser android           var android    android          matched browser   android        browser android    true                Kindle browsers are marked as Safari on Kindle     if   browser safari  amp  amp  browser kindle           var kindle    kindle          matched browser   kindle        browser kindle    true                 Kindle Silk browsers are marked as Safari on Kindle     if   browser safari  amp  amp  browser silk           var silk    silk          matched browser   silk        browser silk    true                Assign the name and platform variable     browser name   matched browser      browser platform   matched platform      return browser            Run the matching process  also assign the function to the returned object      for manual  jQuery-free use if desired   window jQBrowser   uaMatch  window navigator userAgent      window jQBrowser uaMatch   uaMatch        Only assign to jQuery browser if jQuery is loaded   if   jQuery         jQuery browser   window jQBrowser         return window jQBrowser

User · Answer

Try to use it    document  ready function        If the browser type if Mozilla Firefox if    browser mozilla  amp  amp    browser version  gt    1 8         some code      If the browser type is Opera if    browser opera       some code      If the web browser type is Safari if    browser safari        some code      If the web browser type is Chrome if    browser chrome       some code      If the web browser type is Internet Explorer if    browser msie  amp  amp    browser version  lt   6        some code     If the web browser type is Internet Explorer 6 and above if    browser msie  amp  amp    browser version  gt  6       some code

User · Answer

You can use this code to find correct browser and you can make changes for any target browser            x000D   x000D  function myFunction      x000D          if  navigator userAgent indexOf  Opera      navigator userAgent indexOf  OPR       -1    x000D              alert  Opera    x000D            x000D          else if navigator userAgent indexOf  Chrome      -1    x000D              alert  Chrome    x000D            x000D          else if navigator userAgent indexOf  Safari      -1   x000D              alert  Safari    x000D            x000D          else if navigator userAgent indexOf  Firefox      -1    x000D               alert  Firefox    x000D            x000D          else if  navigator userAgent indexOf  MSIE      -1         document documentMode    true     x000D            alert  IE     x000D              x000D          else  x000D             alert  unknown    x000D            x000D        x000D   lt  DOCTYPE html gt  x000D   lt html gt  x000D   lt head gt  x000D    lt title gt Browser detector lt  title gt  x000D   x000D   lt  head gt  x000D   lt body onload  myFunction    gt  x000D     your code here  x000D   lt  body gt  x000D   lt  html gt  x000D   x000D   x000D

User · Answer

My solution for ie detection    if  navigator userAgent match  msie i     navigator userAgent match  trident i            html   addClass  ie        Jquery needed

User · Answer

Another way to find versions of IE  http   tanalin com en articles ie-version-js   IE versions Condition to check for  IE 10 or older -   document all  lt BR  gt   IE 9 or older  -   document all  amp  amp   window atob  lt br  gt  IE 8 or older  -   document all  amp  amp   document addEventListener  lt br  gt  IE 7 or older  -   document all  amp  amp   document querySelector  lt br  gt  IE 6 or older  -   document all  amp  amp   window XMLHttpRequest  lt br  gt  IE 5 x         -   document all  amp  amp   document compatMode

User · Answer

The best solution is probably  use Modernizr   However  if you necessarily want to use   browser property  you can do it using jQuery Migrate plugin  for JQuery    1 9 - in earlier versions you can just use it  and then do something like   if   browser chrome       alert 1     else if    browser mozilla       alert 2     else if    browser msie       alert 3       And if you need for some reason to use navigator userAgent  then it would be     browser msie    msie  test navigator userAgent toLowerCase        browser mozilla    firefox  test navigator userAgent toLowerCase

User · Answer

browser chrome    chrom e ium   test navigator userAgent toLowerCase       if   browser chrome     alert 1             UPDATE  10x to  Mr  Bacciagalupe   jQuery has removed   browser from 1 9 and their latest release    But you can still use   browser as a standalone plugin  found here

[javascript] How can I detect browser type using jQuery?

Examples related to javascript

Examples related to jquery

Examples related to internet-explorer

Examples related to firefox

Examples related to browser