当用户单击网站上的按钮时,我正在尝试使 div 全屏显示。
唯一的问题是,除了 IOS 上的 Safari 之外,每个浏览器似乎都想工作。
我需要做什么才能让它全屏显示?我试过研究,但找不到任何东西。
这是我当前的代码:
<script type="text/javascript">
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();
}
}
}
</script>
最佳答案
如许多帖子所述,在 Safari 和 Chrome 中无法在 IOS >=10 上切换到全屏。这是因为不支持 Fullscreen API:
- Can I Use Full Screen API
- open webpage in fullscreen in Safari on iOS
- Full screen api HTML5 and Safari (iOS 6)
你有两个可能的技巧:
- 通知用户切换到横向模式。事实上,您不能对此进行硬编码,而 iOS Chrome 也不能这样做 ( Prevent orientation change in iOS Safari )。
- 如果您的网页在网络应用程序中导出并且您正确配置了元数据 (Optimizing Full Screen Mobile Web App for iOS)。
关于javascript - IOS10 全屏 safari Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43024394/