PPT你。 最近一个项目有页面全屏的的需求,搜索了下有HTML5的全屏API可用,不过各浏览器的支持不一样。 啊，真是个令人头疼的问题！我当时就抓狂了各种浏览器兼容性问题简直是噩梦！

全屏请求方法， 使用方法:

靠谱。 触发后退出全屏恢复页面原来的样子，也可以按 ESC 退出；再说一个 F11 也可以使页面全屏显示和退出，但这应该属于浏览器的功能，不在 HTML5 API 的范畴之内。 我记得当时为了解决这个问题，熬了好几个通宵！

兼容性是个大麻烦

要说这浏览器兼容性啊，简直就是前端开发的宿命！每个浏览器都有自己的小脾气，你不迁就它，它就不给你面子。 特别是那些老旧的浏览器...简直让人想砸电脑，绝了...！

mozFullScreenElement

这个例子有点简单哈...

Webkit

最近一个项目有页面全屏的的需求,搜索了下有HTML5的全屏API可用,不过各浏览器的支持不一样。 摸鱼。 . 这段代码…嗯…有点乱糟糟的。

Firefox

我觉得我写得有点啰嗦了…

IE

一言难尽。 啊哈! IE! 你还在用吗? 真的是…勇气可嘉！ 如果你非要用IE, 那就准备好迎接各种奇葩问题吧! 我建议你放弃支持它.

webkitfullscreenchange

//此方法不可以在异步任务中施行,否则火狐无法全屏.文章浏览阅读383次。本文介绍了一种在HTML5中实现全屏功能的方法,并详细解释了如何通过JavaScript兼容多种浏览器来实现全屏效果,包括解决Firefox和IE浏览器中的特定问题，YYDS...。

我记得当时为了解决这个问题，熬了好几个通宵！那时候每天都在跟各种bug斗智斗勇啊!，KTV你。

//检查浏览器是否处于全屏幕.

更新记录

• 非用户操作浏览器警告信息

注意:

全屏时提示信息？要不要这么贴心啊！当然要啦! 用户体验最重要嘛!，总的来说...

简单示例：

 { document.body.requestFullscreen;});