TV浏览器大屏显示问题

[jiafei]

TV浏览器大屏显示问题

最近用OWL做了一个大屏，放在安卓电视上展示，测试了很多android浏览器，效果不太尽人意：
1、安卓版谷歌 ，不稳定，经常崩溃。
2、安卓版Edge，不稳定，莫名奇妙退出。
3、UC浏览器，非常卡顿，反应慢的要死。
4、飞视浏览器，号称是专门为TV定做的浏览器，打开odoo页面报错，可能是内核太老了。
5、火狐，测试下来，还是火狐比较稳定，可惜有一点，不能全屏展示。

最终决定使用安卓版火狐，但是要解决全屏展示的问题，既然软件上没有这个功能，那么通过js是否可用控制呢？ 一番折腾之后，找到了解决方案

     toggleFullScreen() {
          if (!document.fullscreenElement) {
            document.documentElement.requestFullscreen();
            $(".o_main_navbar").hide();
          } else {
            if (document.exitFullscreen) {
              document.exitFullscreen();
              $(".o_main_navbar").show();
            }
          }
    }

在大屏右上角不起眼的地方做了一个图标，用来切换大屏，并且测试了一下兼容性，PC版的谷歌、火狐、edge都支持。 除了全屏显示外，odoo的导航栏也一块做了显示和隐藏。

完美解决了TV浏览器大屏显示的问题。