我正在创建一个小部件,一旦点击一个按钮,我想全屏显示.我已经实现了全屏API,它就像所有浏览器上的魅力一样.但是,我正在创建此小部件,仅作为iPad上的交互式信息亭使用.我可以自由使用最适合的浏览器,但我无法在iPad上使用全屏功能.尝试了多种不同的选项,但还不够……我有以下代码适用于普通的桌面浏览器:
var element = document.getElementById('element');
var fullscreenButton = document.getElementById('fullscreenButton');
fullscreenButton.addEventListener('click', function(){
if(element.requestFullscreen){
element.requestFullscreen();
}else if(element.webkitRequestFullscreen){
element.webkitRequestFullscreen();
}else if(element.mozRequestFullScreen){
element.mozRequestFullScreen();
}else if(element.msRequestFullscreen){
element.msRequestFullscreen();
} else{
element.webkitEnterFullscreen();
}
});
有什么方法可以创建一个应用程序(基本上是一个幻灯片),以任何可能的方式在iPad上进入全屏?提前感谢所有提示/帮助.
解决方法:
据我所知,Chrome for IOS基于Safari,因此如果Safari不支持全屏,Chrome将不支持它.
标签:javascript,html5,ios,ipad,html5-fullscreen
来源: https://codeday.me/bug/20190701/1349795.html