display_mode_listener.html | Explore in Territory

<!doctype html>
<html>
  <style>
    #minimal { display: none; }
</style>
<body>

<div id="minimal">minimal-ui</div>

<div id="regular">regular-ui</div>

<script>
  function mediaquery() {
      document.getElementById('minimal').style.display = "block";
      document.getElementById('regular').style.display = "none";
  }
  window.matchMedia('(display-mode: minimal-ui)').addListener(mediaquery);
</script>
</body>
</html>

chromium/third_party/blink/renderer/core/testing/data/display_mode_listener.html