javascript - facebook如何用javascript全屏？

Question

相关onclick go full screen和 How to implement exact full-screen in javascript? .

Facebook 最近添加了高分辨率 ImageView 功能:

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

这是类似于 F11 的原生浏览器全屏。

我想为仅在内部使用的本地网络应用程序实现此功能，因此不会让随机用户因全屏效果而感到恼火。

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

Answer 1

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

可以查看MDN一些基本的解释和例子

编辑:值得一提> Gecko 和 WebKit 之间的区别:Gecko 自动将 CSS 规则添加到元素以将其拉伸(stretch)以填充屏幕:“宽度:100%；高度:100%”

编辑 2:支持的浏览器只有 Firefox(从 10 开始)和 Chrome(我想很早就不太确定他们何时完全支持它)...因为它是实验性的，您需要 vendor 前缀...

编辑 3:链接到“生活”spec

编辑 4:关于 IE 支持:11/15/2011 IEBlog 的 Ted Johnson 说 IE10 团队尚未决定是否实现全屏 API。然而，他指出，“Windows 8 Metro 风格的 Internet Explorer 始终是全屏的……和以前一样，F11 在桌面版 IE 中进入全屏模式。”

编辑 5:can I use - 另一个漂亮的表格显示在最新的 Safari 中也可用......Opera 是否在版本 12 中支持它仍然未知