我正在使用 html5 全屏 api 制作一个 div 全屏。基于使用 window.history.pushState
的用户交互/导航 url 更改,但只要我更改 URL,页面就会退出全屏模式。
它发生在所有网站上,而不仅仅是我的应用。
重现步骤:
- 转到 http://davidwalsh.name/demo/fullscreen.php (一个不错的演示)
- 然后点击
启动全屏
- 现在使用 chrome/ff 控制台尝试使用
window.history.pushState
更改 url> - 使用下面的代码
window.history.pushState(window.location.origin, "show", '/myNewPath');
现在您会注意到 URL 发生了变化,但全屏模式退出了。我在这里做错了什么吗?如果你们需要更多信息,请告诉我。
最佳答案
我也注意到了这个问题,基本上任何 pushState 都会将您踢出全屏模式。我已经关注了一段时间,根据这个线程应该很快就会有修复:
https://code.google.com/p/chromium/issues/detail?id=138324
看来他们终于修改了,所以这两个终于可以好好相处了。
关于javascript - 为什么 html5 全屏不能与 window.history.pushState 一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20842147/