Safari'yi jQuery kullanarak algıla

Her ikisi de Webkit tabanlı tarayıcılar olsa da, Safari urlencode URL'de tırnak işaretleri oluştururken Chrome bunu yapmaz.

Bu nedenle JS'de bu ikisini birbirinden ayırmam gerekiyor.

jQuery'nin tarayıcı algılama belgeleri "safari" yi kullanımdan kaldırıldı olarak işaretler.

Daha iyi bir yöntem var mı yoksa şimdilik sadece kullanımdan kaldırılan değere bağlı mıyım?

Bir dizi feature detectionve Useragentdizeyi kullanarak :

    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);

Kullanımı:
if (is_safari) alert('Safari');

Veya yalnızca Safari için şunu kullanın:

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

Aşağıdakiler Safari 3.0+ 'ı tanımlar ve onu Chrome'dan ayırır:

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

ne yazık ki yukarıdaki örnekler, android'in varsayılan tarayıcısını Safari olarak algılayacaktır, ki öyle değildir. kullandım navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && navigator.userAgent.indexOf('Android') == -1

Safari'yi kontrol etmek için şunu kullandım:

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

Doğru çalışıyor.

Görünüşe göre tek güvenilir ve kabul edilen çözüm şu şekilde özellik algılaması yapmak olacaktır:

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;

Bulduğum tek yol navigator.userAgent'ın iPhone veya iPad kelimesi içerip içermediğini kontrol etmektir.

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

Tarayıcı kullanımını kontrol ediyorsanız $.browser. Ancak özellik desteğini kontrol ediyorsanız (önerilir), o zaman kullanın $.support.

Sayfadaki özellikleri etkinleştirmek / devre dışı bırakmak için $ .browser KULLANMAMALISINIZ. Nedeni güvenilir olmaması ve genellikle tavsiye edilmemesi.

Özellik desteğine ihtiyacınız varsa, modernizr'i öneririm .

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

Bunu düzeltmenin çok yararlı bir yolu, tarayıcıların webkit sürümünü tespit etmek ve en azından ihtiyacımız olanı kontrol etmek, yoksa başka bir şey yapmaktır.

JQuery kullanmak şu şekilde olur:

"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.");
    };
});

Bu, tarayıcının farklı webkit uygulamalarıyla ilgili sorunların üstesinden gelmek için güvenli ve kalıcı bir düzeltme sağlar.

Mutlu kodlamalar!

Bu, tarayıcının Safari olup olmadığını belirleyecektir.

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

Apple tarayıcı motorunu tespit etmek için kullanıyorum, bu basit JavaScript koşulu:

 navigator.vendor.startsWith('Apple')

Genel FONKSİYON

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