facebook如何用javascript全屏？

Question

相关的onclick进入全屏模式和如何实现在JavaScript确切全屏？.

Facebook最近添加了高分辨率图像视图功能:

当我点击它时,我的浏览器进入全屏模式:

这是与F11类似的原生浏览器全屏.

我想为仅在内部使用的本地Web应用程序实现此功能,因此没有随机用户因全屏效果而烦恼.

有人知道怎么做这个吗？或者我可以在哪里获得代码来实现它,并解释它是如何工作的？

Answer 1

这是 HTML5 提供的新 API，因此目前只有少数浏览器支持它......

\n\n

你可以查看MDN来获取一些基本的解释和示例

\n\n

编辑：值得一提> Gecko 和 WebKit 之间的区别：Gecko 自动向元素添加 CSS 规则以拉伸它以填充屏幕：“宽度：100％；高度：100％”

\n\n

编辑2：支持的浏览器只有Firefox（从10开始）和Chrome（我认为很早就不太确定他们何时完全支持它）......因为它是实验性的，你需要供应商前缀......

\n\n

编辑 3：链接到“生活”规范

\n\n

编辑 4：关于 IE 支持：2011 年 11 月 15 日 IEBlog 的 Ted Johnson 表示 IE10 团队尚未决定是否实现 FullScreen API。但他指出，\xe2\x80\x9cWindows 8 Metro 风格的 Internet Explorer 始终是全屏\xe2\x80\xa6，并且与以前一样，F11 在桌面版本的 IE 中进入全屏模式。\xe2\x80\x9d

\n\n

编辑 5：我可以使用- 另一个很好的表格显示在最新的 Safari 中也可用...... Opera 在版本 12 中是否支持它仍然未知

\n