5

相关的onclick 去全屏如何在 javascript 中实现精确的全屏?.

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

全屏按钮

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

全屏效果

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

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

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

4

2 回答 2

4

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

您可以查看MDN以获得一些基本解释和示例

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

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

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

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

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

于 2012-05-07T17:23:20.047 回答
3

有一个新的 HTML5 全屏 API。

这是它的演示站点。

http://html5-demos.appspot.com/static/fullscreen.html

于 2012-05-07T17:23:21.693 回答