safari html5 自动全屏,IOS10全屏safari Javascript

当用户点击网站上的按钮时,我正试图让div全屏显示.

唯一的问题是,除了IOS上的Safari之外,每个浏览器似乎都想工作.

我需要做些什么才能使其全屏？我尝试过研究,却找不到任何东西.

继承我目前的代码：

function goFullscreen(id) {

var element = document.getElementById(id);

var isInFullScreen = (document.fullscreenElement && document.fullscreenElement !== null) ||

(document.webkitFullscreenElement && document.webkitFullscreenElement !== null) ||

(document.mozFullScreenElement && document.mozFullScreenElement !== null) ||

(document.msFullscreenElement && document.msFullscreenElement !== null);

var docElm = document.documentElement;

if (!isInFullScreen) {

if (element.requestFullscreen) {

element.requestFullscreen();

} else if (element.mozRequestFullScreen) {

element.mozRequestFullScreen();

} else if (element.webkitRequestFullScreen) {

element.webkitRequestFullScreen();

} else if (element.msRequestFullscreen) {

element.msRequestFullscreen();

}

} else {

if (document.exitFullscreen) {

document.exitFullscreen();

} else if (document.webkitExitFullscreen) {

document.webkitExitFullscreen();

} else if (document.mozCancelFullScreen) {

document.mozCancelFullScreen();

} else if (document.msExitFullscreen) {

document.msExitFullscreen();

}

}

}

解决方法:

正如许多帖子中所提到的,在Safari和Chrome中无法在IOS> = 10上切换到全屏.这是因为不支持Fullscreen API：

你有两个可能的技巧：

标签：jquery,javascript,ios,safari,html

来源： https://codeday.me/bug/20190622/1265626.html