JSFiddle - React, Tailwind, and code Playground

by sophtwhere

HTML

<div id="desktop" style="display:none;">
   Running as desktop site
</div>
<div id="webapp" style="display:none;">
   Running as webapp
</div>
<div id="mobile" style="display:none;">
   Please add to home screen
</div>

JavaScript

function startMode() {
		if ("standalone" in window.navigator) {
      return window.navigator.standalone ? "webapp" : "mobile";
		}
    return "desktop";
}

document.getElementById(startMode()).style.display="block";