Phát hiện Safari bằng jQuery

Mặc dù cả hai đều là trình duyệt dựa trên Webkit, Safari urlencodes dấu ngoặc kép trong URL trong khi Chrome thì không.

Do đó tôi cần phân biệt giữa hai điều này trong JS.

Tài liệu phát hiện trình duyệt của jQuery đánh dấu "safari" là không được dùng nữa.

Có phương pháp nào tốt hơn không hay bây giờ tôi chỉ gắn bó với giá trị không dùng nữa?

Sử dụng kết hợp của feature detectionvà Useragentchuỗi:

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

Sử dụng:
if (is_safari) alert('Safari');

Hoặc chỉ dành cho Safari, hãy sử dụng cái này:

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

Phần sau xác định Safari 3.0+ và phân biệt nó với Chrome:

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

Thật không may, các ví dụ trên cũng sẽ phát hiện trình duyệt mặc định của Android là Safari, nhưng không phải vậy. Tôi đã sử dụng navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && navigator.userAgent.indexOf('Android') == -1

Để kiểm tra Safari, tôi đã sử dụng cái này:

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

Nó hoạt động chính xác.

Rõ ràng giải pháp đáng tin cậy và được chấp nhận duy nhất là phát hiện tính năng như sau:

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;

Cách duy nhất tôi tìm thấy là kiểm tra xem điều hướng.userAgent có chứa từ iPhone hoặc iPad không

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

Nếu bạn đang kiểm tra việc sử dụng trình duyệt $.browser. Nhưng nếu bạn đang kiểm tra hỗ trợ tính năng (được khuyến nghị) thì hãy sử dụng $.support.

Bạn KHÔNG nên sử dụng $ .browser để bật / tắt các tính năng trên trang. Lý do không đáng tin cậy và thường không được khuyến khích.

Nếu bạn cần hỗ trợ tính năng thì tôi khuyên bạn nên dùng 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/

Một cách rất hữu ích để khắc phục điều này là phát hiện phiên bản webkit của trình duyệt và kiểm tra xem nó có ít nhất là phiên bản chúng ta cần hay không, nếu không hãy làm điều gì đó khác.

Sử dụng jQuery nó sẽ như thế này:

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

Điều này cung cấp một bản sửa lỗi an toàn và vĩnh viễn để giải quyết các sự cố với các triển khai bộ web khác nhau của trình duyệt.

Chúc bạn viết mã vui vẻ!

Điều này sẽ xác định xem trình duyệt có phải là Safari hay không.

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

Tôi sử dụng để phát hiện công cụ trình duyệt của Apple, điều kiện JavaScript đơn giản này:

 navigator.vendor.startsWith('Apple')

CHỨC NĂNG Chung

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