javascript - 单击全屏模式?导航后全屏 API 关闭

标签 javascript jquery css html fullscreen

我正在为一个元素制作一个离线网站,我希望整个网站在打开时全屏显示(或在单击提示后。)目前我使用 Fullscreen API这很好用,但在用户导航到另一个页面后它会退出全屏。

我看到其他人有 this issue由于 DOM 树被破坏,可能无法出于我的目的使用全屏 API。

我可以使用任何其他解决方法或选项来使它正常工作吗? 在这方面还是新手,我能找到的关于“Ajax Loaders”的模糊答案让我迷路了。

理想情况下,它应该是跨浏览器兼容的——我在 USB 上传递文件,我无法控制它将在哪个浏览器上打开。

最佳答案

来自offical whatwg spec (在处理导航的部分):

...If the specified browsing context's active document is not the same Document as the Document of the specified entry, then run these substeps:

  1. Fully exit fullscreen...

我可能误读了这一点,但我认为这只是规范,如果 DOM 完全改变(例如页面导航),全屏将被取消。

您可能需要研究 Chrome 之类的东西。

编辑:

至于 AJAX 加载器,它基本上是指使您的页面成为“单页应用程序”,您只需加载一次页面,所有功能都由 javascript 驱动。像 Angularjs 这样的框架对此很有用,但要使您的网站以这种方式运行,需要进行很大的架构更改。

关于javascript - 单击全屏模式?导航后全屏 API 关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30228352/

相关文章:

jquery setTimeout 或 setInterval

javascript - 使用 JQuery 时数组不更新

php - 在页面加载之前将 CSS img max-height + max-width 属性动态设置为窗口大小?

javascript - 如何通过 JavaScript 发送跨域 POST 请求?

javascript - 从 DOM 中隐藏元素的属性

javascript - 将第二个标题与图像和灯箱居中

javascript - 单元测试 angularjs 指令监听事件

javascript - 函数完成后继续 FOR 循环

css - 如何使用 sed 编辑 css 文件中的字体大小和字体系列选项?

html - 修复水平滚动中的列