JSFiddle - React, Tailwind, and code Playground
HTML
<div id="ChromeVisible">Chrome user</div>
<div id="EdgeChromiumVisible">Edge Chromium user</div>
CSS
#EdgeChromiumVisible{
display: none;
}
#ChromeVisible{
display: none;
}
JavaScript
// Chrome 1 - 79
var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);
// Edge (based on chromium) detection
var isEdgeChromium = isChrome && (navigator.userAgent.indexOf("Edg") != -1);
if (isEdgeChromium == true) {
document.getElementById('EdgeChromiumVisible').style.display = 'block';
} else if (isEdgeChromium == false) {
document.getElementById('ChromeVisible').style.display = 'block';
}