Google Chrome移动版上的Instagram故事

Question

当使用google chrome作为移动浏览器时，instagram.com如何在整个移动屏幕上显示故事（没有网址栏。？是否有JavaScript技巧可实现此功能？

Answer 1

您可以使用Element.requestFullscreen

function toggleFullscreen() {
  let elem = document.documentElement;

  if (!document.fullscreenElement) {
    elem.requestFullscreen().catch(err => {
      alert(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
    });
  } else {
    document.exitFullscreen();
  }
}

关于浏览器兼容性，请检查here