JSFiddle - React, Tailwind, and code Playground

HTML

<div id="safari">false</div>
<div id="chrome">false</div>
<div id="webkit">false</div>

JavaScript

$.browser.chrome = navigator.userAgent.toLowerCase().indexOf('safari') > -1;
$.browser.safari = ( $.browser.safari && /chrome/.test(navigator.userAgent.toLowerCase()) ) ? false : true;

$("#safari").text($.browser.safari);
$("#chrome").text($.browser.chrome);
$("#webkit").text($.browser.webkit);