适用于iPad的Chrome全屏API？

Question

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

Answer 1

似乎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