Detecta Safari usando jQuery

Aunque ambos son navegadores basados ​​en Webkit, Safari urlencodes comillas en la URL, mientras que Chrome no.

Por lo tanto, necesito distinguir entre estos dos en JS.

Los documentos de detección del navegador de jQuery marcan "safari" como obsoleto.

¿Existe un método mejor o simplemente me quedo con el valor obsoleto por ahora?

El uso de una mezcla de feature detectiony Useragentcadena:

    var is_opera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
    var is_Edge = navigator.userAgent.indexOf("Edge") > -1;
    var is_chrome = !!window.chrome && !is_opera && !is_Edge;
    var is_explorer= typeof document !== 'undefined' && !!document.documentMode && !is_Edge;
    var is_firefox = typeof window.InstallTrigger !== 'undefined';
    var is_safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);

Uso:
if (is_safari) alert('Safari');

O solo para Safari, use esto:

if ( /^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {alert('Its Safari');}

Lo siguiente identifica Safari 3.0+ y lo distingue de Chrome:

isSafari = !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)

desafortunadamente, los ejemplos anteriores también detectarán el navegador predeterminado de Android como Safari, que no es así. solía navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && navigator.userAgent.indexOf('Android') == -1

Para comprobar Safari utilicé esto:

$.browser.safari = ($.browser.webkit && !(/chrome/.test(navigator.userAgent.toLowerCase())));
if ($.browser.safari) {
    alert('this is safari');
}

Funciona correctamente.

Aparentemente, la única solución confiable y aceptada sería realizar una detección de características como esta:

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;

La única forma que encontré es verificar si navigator.userAgent contiene la palabra iPhone o iPad

if (navigator.userAgent.toLowerCase().match(/(ipad|iphone)/)) {
    //is safari
}

Si está comprobando el uso del navegador $.browser. Pero si está comprobando el soporte de funciones (recomendado), utilice $.support.

NO debe usar $ .browser para habilitar / deshabilitar funciones en la página. La razón es que no es confiable y generalmente no se recomienda.

Si necesita compatibilidad con funciones, le recomiendo modernizr .

//Check if Safari
  function isSafari() {
      return /^((?!chrome).)*safari/i.test(navigator.userAgent);
  }
//Check if MAC
     if(navigator.userAgent.indexOf('Mac')>1){
        alert(isSafari());
     }

http://jsfiddle.net/s1o943gb/10/

Una forma muy útil de solucionar esto es detectar la versión del webkit del navegador y comprobar si es al menos la que necesitamos, de lo contrario, hacer otra cosa.

Usando jQuery es así:

"use strict";

$(document).ready(function() {
    var appVersion                  = navigator.appVersion;
    var webkitVersion_positionStart = appVersion.indexOf("AppleWebKit/") + 12;
    var webkitVersion_positionEnd   = webkitVersion_positionStart + 3;
    var webkitVersion               = appVersion.slice(webkitVersion_positionStart, webkitVersion_positionEnd);
	
    console.log(webkitVersion);

    if (webkitVersion < 537) {
        console.log("webkit outdated.");
    } else {
        console.log("webkit ok.");
    };
});

Esto proporciona una solución segura y permanente para solucionar problemas con las diferentes implementaciones de webkit del navegador.

¡Feliz codificación!

Esto determinará si el navegador es Safari o no.

if(navigator.userAgent.indexOf('Safari') !=-1 && navigator.userAgent.indexOf('Chrome') == -1)
{
    alert(its safari);
}else {
    alert('its not safari');
}

    // 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

Utilizo para detectar el motor del navegador de Apple, esta simple condición de JavaScript:

 navigator.vendor.startsWith('Apple')

FUNCION Genérica

 var getBrowseActive = function (browserName) {
   return navigator.userAgent.indexOf(browserName) > -1;
 };