JavaScript How to find out if the user browser is Chrome

Question

I need some function returning a boolean value to check if the browser is Chrome   How do I create such functionality

User · Accepted Answer

Update  Please see Jonathan s answer for an updated way to handle this  The answer below may still work  but it could likely trigger some false positives in other browsers   var isChrome    Chrome  test navigator userAgent   amp  amp   Google Inc  test navigator vendor     However  as mentioned User Agents can be spoofed so it is always best to use feature-detection  e g  Modernizer  when handling these issues  as other answers mention

User · Answer

var is chrome   browseris chrome  or check ather browsers  browseris firefox browseris ie browseris safari  and olso you can check the version like browseris chrome7up and etc  check all existing information in the  browseris  object

User · Answer

To check if browser is Google Chrome  var isChrome   navigator userAgent includes  quot Chrome quot    amp  amp  navigator vendor includes  quot Google Inc quot     console log navigator vendor       quot Mozilla 5 0  Windows NT 10 0  Win64  x64  AppleWebKit 537 36  KHTML  like Gecko  Chrome 86 0 4240 75 Safari 537 36  quot   console log navigator userAgent        quot Google Inc  quot

User · Answer

x000D   x000D  console log JSON stringify   x000D    isAndroid   Android  test navigator userAgent   x000D    isCordova    window cordova  x000D    isEdge   Edge  test navigator userAgent   x000D    isFirefox   Firefox  test navigator userAgent   x000D    isChrome   Google Inc  test navigator vendor   x000D    isChromeIOS   CriOS  test navigator userAgent   x000D    isChromiumBased    window chrome  amp  amp    Edge  test navigator userAgent   x000D    isIE   Trident  test navigator userAgent   x000D    isIOS    iPhone iPad iPod   test navigator platform   x000D    isOpera   OPR  test navigator userAgent   x000D    isSafari   Safari  test navigator userAgent   amp  amp    Chrome  test navigator userAgent   x000D    isTouchScreen    ontouchstart  in window     window DocumentTouch  amp  amp  document instanceof DocumentTouch  x000D    isWebComponentsSupported   registerElement  in document  amp  amp   import  in document createElement  link    amp  amp   content  in document createElement  template   x000D     null          x000D   x000D   x000D

User · Answer

Works for me on Chrome on Mac  Seems to be or simpler or more reliable  in case userAgent string tested  than all above            var isChrome   false          if  window chrome  amp  amp   window opr               isChrome   true                    console log isChrome

User · Answer

all answers are wrong   Opera  and  Chrome  are same in all cases    edited part   here is the right answer  if  window chrome  amp  amp  window chrome webstore           this is Chrome

User · Answer

var is chrome    chrome  test  navigator userAgent toLowerCase

User · Answer

If you want to detect Chrome s rendering engine  so not specific features in Google Chrome or Chromium   a simple option is  var isChrome     window chrome   NOTE  this also returns true for many versions of Edge  Opera  etc that are based on Chrome  thanks  Carrm for pointing this out   Avoiding that is an ongoing battle  see window opr below  so you should ask yourself if you re trying to detect the rendering engine  used by almost all major modern browsers in 2020  or some other Chrome  or Chromium   -specific feature  And you can probably skip

User · Answer

Check this  How to detect Safari  Chrome  IE  Firefox and Opera browser  In your case  var isChrome    window chrome webstore    window chrome runtime   amp  amp    window chrome

User · Answer

You can use   navigator userAgent indexOf  Chrome      -1   It is working on v 71

User · Answer

User could change user agent   Try testing for webkit prefixed property in style object of body element  if   webkitAppearance  in document body style         do stuff

User · Answer

even shorter  var is chrome    chrome i test  navigator userAgent

User · Answer

To check if browser is Google Chrome  try this      please note      that IE11 now returns undefined again for window chrome    and new Opera 30 outputs true for window chrome    but needs to check if window opr is not undefined    and new IE Edge outputs to true now for window chrome    and if not iOS Chrome check    so use the below updated condition var isChromium   window chrome  var winNav   window navigator  var vendorName   winNav vendor  var isOpera   typeof window opr      undefined   var isIEedge   winNav userAgent indexOf  Edge    gt  -1  var isIOSChrome   winNav userAgent match  CriOS     if  isIOSChrome          is Google Chrome on IOS   else if    isChromium     null  amp  amp    typeof isChromium      undefined   amp  amp    vendorName      Google Inc    amp  amp    isOpera     false  amp  amp    isIEedge     false           is Google Chrome   else          not Google Chrome      Example of use  http   codepen io jonathan pen WpQELR  The reason this works is because if you use the Google Chrome inspector and go to the console tab  Type  window  and press enter  Then you be able to view the DOM properties for the  window object   When you collapse the object you can view all the properties  including the  chrome  property    You can t use strictly equals true anymore to check in IE for window chrome  IE used to return undefined  now it returns true  But guess what  IE11 now returns undefined again  IE11 also returns a empty string    for window navigator vendor    I hope this helps   UPDATE   Thank you to Halcyon991 for pointing out below  that the new Opera 18  also outputs to true for window chrome  Looks like Opera 18 is based on Chromium 31  So I added a check to make sure the window navigator vendor is   Google Inc  and not is  Opera Software ASA   Also thanks to Ring and Adrien Be for the heads up about Chrome 33 not returning true anymore    window chrome now checks if not null  But play close attention to IE11  I added the check back for undefined since IE11 now outputs undefined  like it did when first released   then after some update builds it outputted to true    now recent update build is outputting undefined again  Microsoft can t make up it s mind   UPDATE 7 24 2015 - addition for Opera check  Opera 30 was just released  It no longer outputs window opera  And also window chrome outputs to true in the new Opera 30  So you must check if OPR is in the userAgent  I updated my condition above to account for this new change in Opera 30  since it uses same render engine as Google Chrome   UPDATE 10 13 2015 - addition for IE check  Added check for IE Edge due to it outputting true for window chrome    even though IE11 outputs undefined for window chrome  Thanks to artfulhacker for letting us know about this   UPDATE 2 5 2016 - addition for iOS Chrome check  Added check for iOS Chrome check CriOS due to it outputting true for Chrome on iOS  Thanks to xinthose for letting us know about this   UPDATE 4 18 2018 - change for Opera check  Edited check for Opera  checking window opr is not undefined since now Chrome 66 has OPR in window navigator vendor  Thanks to Frosty Z and Daniel Wallman for reporting this

User · Answer

To know the names of different desktop browsers  Firefox  IE  Opera  Edge  Chrome   Except Safari   function getBrowserName       var browserName         var userAgent   navigator userAgent     typeof InstallTrigger      undefined    amp  amp   browserName    Firefox            cc on     false      document documentMode   amp  amp   browserName    IE         window chrome  amp  amp  userAgent match  OPR     amp  amp   browserName    Opera         window chrome  amp  amp  userAgent match  Edge     amp  amp   browserName    Edge         window chrome  amp  amp   userAgent match   OPR Edge      amp  amp   browserName    Chrome                Expected returns      Firefox  Opera  Edge  Chrome         return browserName      Works in the following browser versions   Opera - 58 0 3135 79 Firefox - 65 0 2  64-bit  IE - 11 413 15063  JS Fiddle no longer supports IE just paste in Console  Edge - 44 17763 1 0 Chrome - 72 0 3626 121  Official Build   64-bit    View the gist here and the fiddle here  The original code snippet no longer worked for Chrome and I forgot where I found it  It had safari before but I no longer have access to safari so I cannot verify anymore   Only the Firefox and IE codes were part of the original snippet   The checking for Opera  Edge  and Chrome is straight forward  They have differences in the userAgent  OPR only exists in Opera  Edge only exists in Edge  So to check for Chrome these string shouldn t be there   As for the Firefox and IE  I cannot explain what they do   I ll be adding this functionality to a package i m writing

User · Answer

If you re feeling brave  you can experiment with browser sniffing and get a version  var ua   navigator userAgent  if  chrome i test ua         var uaArray   ua split              version   uaArray uaArray length - 2  substr 7      This detected version might be a Chrome version  or a Edge version  or something else  Browser plugins can easily change userAgent and platform and other things though  so this is not recommended  Apologies to The Big Lebowski for using his answer within mine

[javascript] JavaScript: How to find out if the user browser is Chrome?

Examples related to javascript

Examples related to html

Examples related to google-chrome

Examples related to browser-detection