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浏览器大屏显示的问题。