JSFiddle - React, Tailwind, and code Playground

by morphcast

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/bundled.js"></script>

JavaScript

const MIN_SUPPORTED_V_A = "11.3";
const MAX_SUPPORTED_V_A = "12.99";
const MIN_SUPPORTED_V_B = "14.0";
const MAX_SUPPORTED_V_B = "99.0";

const parser = bowser.getParser(window.navigator.userAgent);
const is = (x) => parser.satisfies(x);

const res = !is({safari: '>0'}) 
|| (is({safari: '>='+MIN_SUPPORTED_V_A}) && is({safari: '<='+MAX_SUPPORTED_V_A})) 
|| (is({safari: '>='+MIN_SUPPORTED_V_B}) && is({safari: '<='+MAX_SUPPORTED_V_B}));

console.log('ccc', is({chrome: '>=93'}));