Google Docs 如何在 JavaScript 中全屏显示答案

【问题标题】：How can Google Docs go fullscreen in JavaScriptGoogle Docs 如何在 JavaScript 中全屏显示
【发布时间】：2011-11-14 20:39:01
【问题描述】：

Google Docs 如何在 JavaScript 中全屏显示？
在 Google Docs Presentation 中，当您按下窗口左下角的fullscreen 按钮时，窗口将变为全屏。
它不是 Flash，所以我很好奇 Google 怎么能做到这一点？

添加

请注意，它不会创建适合屏幕的大窗口（即假全屏）。它实际上是在fullscreen 模式下，谷歌浏览器请求我的许可。

【问题讨论】：

全屏按钮在哪里？我好像没找到。
@tr4656，在Webkit浏览器中，打开一个Google Docs Presentation（新），按钮在窗口的左下角。
好的，我自己做了一些研究，发现一个小技巧可以做到：<button onclick="document.body.webkitRequestFullScreen()">Fullscreen</button>

【解决方案1】：

他们似乎正在使用本文中描述的技术：http://www.thecssninja.com/javascript/fullscreen

// Mozilla
element.mozRequestFullScreen();

// Webkit
element.webkitRequestFullscreen();

编辑：那篇文章忘了提到，如果你想全屏显示你可以document.body.webkitRequestFullscreen();。

【讨论】：

【解决方案2】：

我已经在 Internet Explorer 9 上测试了这个问题中给出的代码：

不过，至少对于 Internet Explorer 9，权限对话框可能会产生误导。

【讨论】：