Javascript 如何在PWA中以编程方式将显示从单机切换到全屏

Javascript 如何在PWA中以编程方式将显示从单机切换到全屏,javascript,progressive-web-apps,Javascript,Progressive Web Apps,当我将清单的“显示”设置为“全屏”或“独立”时,我的PWA工作正常。但是,我希望我的用户能够在设置中来回切换。有没有办法在JavaScript中以编程方式切换此选项?使用document.body.requestFullscreen() 如果要确保它在所有浏览器中都能工作,请选中此复选框 function getFullScreen() { if (document.body.requestFullscreen) { document.body.requestFullsc

当我将清单的“显示”设置为“全屏”或“独立”时,我的PWA工作正常。但是,我希望我的用户能够在设置中来回切换。有没有办法在JavaScript中以编程方式切换此选项?

使用
document.body.requestFullscreen()


如果要确保它在所有浏览器中都能工作,请选中此复选框

function getFullScreen() {
    if (document.body.requestFullscreen) {
        document.body.requestFullscreen();
    } else if (document.body.mozRequestFullScreen) { /* Firefox */
        document.body.mozRequestFullScreen();
    } else if (document.body.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
        document.body.webkitRequestFullscreen();
    } else if (document.body.msRequestFullscreen) { /* IE/Edge */
        document.body.msRequestFullscreen();
    }
}

document.body.requestFullscreen()适用于Windows Chrome和Android Chrome。但是,Ionic/Cordova下的TypeScript无法识别mozRequestFullScreen、webkitRequestFullscreen、msRequestFullscreen我需要导入什么?嗨@Meryan,你应该尝试在这里打开一个新的FeedPost
function getFullScreen() {
    if (document.body.requestFullscreen) {
        document.body.requestFullscreen();
    } else if (document.body.mozRequestFullScreen) { /* Firefox */
        document.body.mozRequestFullScreen();
    } else if (document.body.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
        document.body.webkitRequestFullscreen();
    } else if (document.body.msRequestFullscreen) { /* IE/Edge */
        document.body.msRequestFullscreen();
    }
}