【发布时间】:2013-08-08 18:39:43
【问题描述】:
使用 javascript,我将进入全屏模式
document.documentElement.webkitRequestFullScreen();
当页面的 url 改变时(即使改变是通过播放历史来完成的),我们会在 Chrome(不是 Firefox)中退出全屏模式。
如果我们停留在同一个域中,是否可以采取一些措施来避免在 Chrome 中退出全屏模式?
我在这里看到 Display and navigate inside a website in fullscreen 可以使用 iframe 来完成,但我真的宁愿避免使用 iframe。
【问题讨论】:
-
如果用户启动全屏而不是 javascript 它工作得很好。一点点 js 应该能够将网站转换为使用 iframe 无缝。使用 history.pushstate 和 postMessage(),iframe 不像几年前那么糟糕了。
-
是的,但困扰我的是 iframe 和顶级窗口 url 的管理。退出全屏模式后,我必须获取 iframe 的位置并将其设置在顶部窗口的位置。然后,如果他们点击返回,它将把他们带到一开始。
-
不一定要那样;您可以在他们从框架本身 top.history.pushState 导航框架时更新 url 栏,并且您可以侦听 developer.mozilla.org/en-US/docs/Web/API/window.onpopstate 事件以进行处理。如果做得好,即使是专家也无法在没有视图源的情况下分辨差异......
标签: javascript google-chrome url fullscreen history.js