web大屏展示全屏处理

大屏初体验~

大屏展示全屏展示处理

先说结论：梳理讨论了下，还是使用最方便快捷的方法，按F11（或Fn+F11）进入全屏，按F11或Esc退出全屏

第一次开发大屏项目，web端的，需要全屏展示；去查了下js实现浏览器全屏的方法，真的有对应的API，即document.documentElement.RequestFullScreen()，具体的浏览器有对应的写法，具体可以去网上查一下；在代码里调用了之后，问题来了，并没有生效，浏览器没有自动全屏展示，打开控制台之后，发现报了一个警告，基于浏览器的安全机制，在代码里自运行是不会被执行的，只能手动交互的时候才允许执行

通过网上查询和与其他开发过大屏展示的项目组同事沟通，基本上有以下几个方案：

• 浏览器外面再开发一层壳子，页面嵌进去实现默认全屏展示，但是项目时间比较紧张，且公司没有对应的开发人员，此方案排除
• 在页面的某个位置设置一个全屏开关按钮，这个按钮绑定的事件里再去调用上文所说的API，就能实现浏览器的进入全屏、退出全屏效果；具体效果比如进入大屏后按钮图标切换成退出全屏、或者按钮进行隐藏等可根据项目要求实现
• 最快速简洁方案：按F11（或Fn+F11）进入全屏，按F11或Esc退出全屏

经过讨论、综合考虑，使用了按F11的方案（既然浏览器已经提供了方案，又何必弄一些花里胡哨的操作呢0.0）。