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