Detect Safari using jQuery

Question

Though both are Webkit based browsers  Safari urlencodes quotation marks in the URL while Chrome does not   Therefore I need to distinguish between these two in JS   jQuery s browser detection docs mark  safari  as deprecated   Is there a better method or do I just stick with the deprecated value for now

User · Answer

Generic FUNCTION   var getBrowseActive   function  browserName       return navigator userAgent indexOf browserName   gt  -1

User · Answer

The only way I found is check if navigator userAgent contains iPhone or iPad word  if  navigator userAgent toLowerCase   match   ipad iphone             is safari

User · Answer

This will determine whether the browser is Safari or not   if navigator userAgent indexOf  Safari     -1  amp  amp  navigator userAgent indexOf  Chrome      -1        alert its safari    else       alert  its not safari

User · Answer

Check if Safari   function isSafari           return       chrome    safari i test navigator userAgent         Check if MAC      if navigator userAgent indexOf  Mac   gt 1           alert isSafari              http   jsfiddle net s1o943gb 10

User · Answer

Using a mix of feature detection and Useragent string       var is opera     window opera    navigator userAgent indexOf   OPR     gt   0      var is Edge   navigator userAgent indexOf  Edge    gt  -1      var is chrome     window chrome  amp  amp   is opera  amp  amp   is Edge      var is explorer  typeof document      undefined   amp  amp    document documentMode  amp  amp   is Edge      var is firefox   typeof window InstallTrigger      undefined       var is safari         chrome android    safari i test navigator userAgent     Usage  if  is safari  alert  Safari     Or for Safari only  use this    if         chrome android    safari i test navigator userAgent    alert  Its Safari

User · Answer

The following identifies Safari 3 0  and distinguishes it from Chrome   isSafari     navigator userAgent match  Version    d      Safari

User · Answer

If you are checking the browser use   browser   But if you are checking feature support  recommended  then use   support   You should NOT use   browser to enable disable features on the page   Reason being its not dependable and generally just not recommended   If you need feature support then I recommend modernizr

User · Answer

Apparently the only reliable and accepted solution would be to do feature detection like this   browser treats urls like safari does   false  var last location hash   location hash  location hash     blah    if  location hash       22blah 22       browser treats urls like safari does   true  location hash   last location hash

User · Answer

My best solution function getBrowserInfo       const ua   navigator userAgent  let tem    let M   ua match   opera chrome safari firefox msie trident           s   d   i           if   trident i test M 1          tem     brv       d   g exec ua             return   name   IE    version   tem 1                  if  M 1       Chrome         tem   ua match   bOPR    d          if  tem    null          return   name   Opera   version  tem 1                 M   M 2     M 1   M 2      navigator appName  navigator appVersion   -       tem   ua match  version    d   i     if  tem    null        M splice 1  1  tem 1          return       name  M 0       version  M 1           getBrowserInfo

User · Answer

unfortunately the above examples will also detect android s default browser as Safari  which it is not  I used  navigator userAgent indexOf  Safari      -1  amp  amp  navigator userAgent indexOf  Chrome      -1  amp  amp   navigator userAgent indexOf  Android      -1

User · Answer

Safari uses pre-calculated pixels  so use this feature to detect Safari     var canva   document createElement  canvas        var ctx   canva getContext  2d        var img   ctx getImageData 0  0  1  1       var pix   img data         byte array  rgba     var isSafari    pix 3     0        alpha in Safari is not zero

User · Answer

For checking Safari I used this     browser safari      browser webkit  amp  amp     chrome  test navigator userAgent toLowerCase       if    browser safari        alert  this is safari        It works correctly

User · Answer

I use to detect Apple browser engine  this simple JavaScript condition    navigator vendor startsWith  Apple

User · Answer

A very useful way to fix this is to detect the browsers webkit version and check if it is at least the one we need  else do something else   Using jQuery it goes like this  x000D   x000D   use strict   x000D   x000D    document  ready function     x000D      var appVersion                    navigator appVersion  x000D      var webkitVersion positionStart   appVersion indexOf  AppleWebKit      12  x000D      var webkitVersion positionEnd     webkitVersion positionStart   3  x000D      var webkitVersion                 appVersion slice webkitVersion positionStart  webkitVersion positionEnd   x000D    x000D      console log webkitVersion   x000D   x000D      if  webkitVersion  lt  537    x000D          console log  webkit outdated     x000D        else   x000D          console log  webkit ok     x000D         x000D      x000D   x000D   x000D    This provides a safe and permanent fix for dealing with problems with browser s different webkit implementations   Happy coding

[javascript] Detect Safari using jQuery

Examples related to javascript

Examples related to jquery

Examples related to browser-detection