javascript - 为什么 html5 全屏不能与 window.history.pushState 一起使用？

Question

我正在使用 html5 全屏 api 制作一个 div 全屏。基于使用 window.history.pushState 的用户交互/导航 url 更改，但只要我更改 URL，页面就会退出全屏模式。

它发生在所有网站上，而不仅仅是我的应用。

重现步骤:

1. 转到 http://davidwalsh.name/demo/fullscreen.php (一个不错的演示)
2. 然后点击启动全屏
3. 现在使用 chrome/ff 控制台尝试使用 window.history.pushState 更改 url>
4. 使用下面的代码window.history.pushState(window.location.origin, "show", '/myNewPath');

现在您会注意到 URL 发生了变化，但全屏模式退出了。我在这里做错了什么吗？如果你们需要更多信息，请告诉我。

Answer 1

我也注意到了这个问题，基本上任何 pushState 都会将您踢出全屏模式。我已经关注了一段时间，根据这个线程应该很快就会有修复:

https://code.google.com/p/chromium/issues/detail?id=138324

看来他们终于修改了，所以这两个终于可以好好相处了。