javascript – iPad上的Chrome全屏API？

我正在创建一个小部件,一旦点击一个按钮,我想全屏显示.我已经实现了全屏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上进入全屏？提前感谢所有提示/帮助.

解决方法:

看来Safari for IOS不支持全屏：http://caniuse.com/#search=full%20screen

据我所知,Chrome for IOS基于Safari,因此如果Safari不支持全屏,Chrome将不支持它.

查看此链接以获取更多详细信息(他们建议了一些解决方案,但不是很好)：https://forum.playcanvas.com/t/struggling-to-run-in-full-screen-mode-ios-chrome/2008

javascript – iPad上的Chrome全屏API？

相关文章