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

适用于iPad的Chrome全屏API？

1 个答案: