JSFiddle - React, Tailwind, and code Playground

by Danny Michaelis

JavaScript

var isSafari = navigator.vendor && navigator.vendor.indexOf('Apple') > -1 &&
                   navigator.userAgent && !navigator.userAgent.match('CriOS');

    var el = document.createElement("p");
    el.innerText = "Is it Safari: " + isSafari;

    document.body.appendChild(el);

    el = document.createElement("p");
    el.innerText = "navigator.vendor: " + navigator.vendor;

    document.body.appendChild(el);

    el = document.createElement("p");
    el.innerText = "navigator.userAgent: " + navigator.userAgent;

    document.body.appendChild(el);


    
    
    
var safariVendor = /Apple Computer, Inc\./.test(navigator.vendor);
var safariUser = /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent) && !/iPhone/.test(navigator.userAgent);


el = document.createElement("p");
el.innerText = safariVendor + " || " + safariUser;

document.body.appendChild(el);