小编Ero*_*ros的帖子

全屏切换在 iOS 手机/平板电脑(Safari、Chrome 和 Firefox)上不起作用

我在 iOS 移动设备(iPhone 和 iPad,所有版本)上的 web 应用程序中遇到全屏模式问题。

我有一个按钮可以调用切换全屏功能。此功能适用于除 iOS 以外的所有设备。

我的功能:

    function toggleFullScreen(e) {
                if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement && !window.navigator.standalone) {  // current working methods
                    if (document.documentElement.requestFullscreen) {
                        document.documentElement.requestFullscreen();
                    } else if (document.documentElement.msRequestFullscreen) {
                        document.documentElement.msRequestFullscreen();
                    } else if (document.documentElement.mozRequestFullScreen) {
                        document.documentElement.mozRequestFullScreen();
                    } else if (document.documentElement.webkitRequestFullscreen) {
                        document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
                    }
                    $('body').css({'height': screen.height});
                    fullSreen = true;
                } else {
                    if (document.exitFullscreen) {
                        document.exitFullscreen();
                    } else if (document.msExitFullscreen) {
                        document.msExitFullscreen();
                    } else if (document.mozCancelFullScreen) {
                        document.mozCancelFullScreen();
                    } else if (document.webkitExitFullscreen) …
Run Code Online (Sandbox Code Playgroud)

javascript mobile fullscreen tablet ios

5
推荐指数
1
解决办法
5876
查看次数

标签 统计

fullscreen ×1

ios ×1

javascript ×1

mobile ×1

tablet ×1