微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在启用全屏的 iframe 中运行网站 firefox 进入全屏,但如果单击另一个链接 FF 退出

如何解决如何在启用全屏的 iframe 中运行网站 firefox 进入全屏,但如果单击另一个链接 FF 退出

全屏在 safari 和 chrome 上工作正常,但我如何为 Firefox 做到这一点? 我尝试了几种方法,检查了 moz API 等等。 我还尝试了此处发布的版本 Run a website in fullscreen mode 并且运行良好,但在 Firefox 上除外。

对于 HTML,我有<div class="wrap-kiosk"><iframe id="kiosk-Box" src="http://www.some-domain.com" allow="fullscreen *"></iframe></div>

我有的 JS:


function toggleFullScreen() {
  if ((document.fullScreenElement && document.fullScreenElement !== null) ||    
   (!document.mozFullScreen && !document.webkitIsFullScreen)) {
    if (document.documentElement.requestFullScreen) {  
      document.documentElement.requestFullScreen();  
    } else if (document.documentElement.mozRequestFullScreen) {  
      document.documentElement.mozRequestFullScreen();  
    } else if (document.documentElement.webkitRequestFullScreen) {  
      document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);  
    }  
  } else {  
    if (document.cancelFullScreen) {  
      document.cancelFullScreen();  
    } else if (document.mozCancelFullScreen) {  
      document.mozCancelFullScreen();  
    } else if (document.webkitCancelFullScreen) {  
      document.webkitCancelFullScreen();  
    }  
  }  
}

</script>```

x-frame options are properly set.
thanks all.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。