HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>platform — prefer features</title>
</head>
<body>
  <button id="btn" type="button">Refresh</button>
  <pre id="out">Click Refresh</pre>
  <script>
    function report() {
      var lines = [];
      lines.push(
        "platform: " + navigator.platform + " — OK for shortcut labels"
      );
      lines.push(
        "serviceWorker: " +
          ("serviceWorker" in navigator ? "available" : "missing") +
          " — use this for features"
      );
      return lines.join("\n");
    }
    function render() {
      document.getElementById("out").textContent = report();
    }
    document.getElementById("btn").addEventListener("click", render);
    render();
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

platform — prefer feature detection (Try It)