如何在没有用户手势/交互的情况下在网络上触发全屏

Question

我正在创建一个网页游戏，需要在启动时自动全屏显示，但浏览器设置了安全限制，全屏 API 只能在用户操作或手势时启动 有什么办法可以绕过这个吗？

我已经尝试了所有可能的方法，但控制台中一直显示“全屏API只能通过用户手势启动

Answer 1

您确实不应该这样做 - 它的设计方式是有原因的，因为它会对访问该网站的用户造成安全威胁和烦恼。

也就是说，如果您制作一个使其全屏的空按钮（例如，使用运行函数使其全屏的 onclick）并将其放置在不影响页面的位置，同时将不透明度设置为 0 以保持它不可见，您可以尝试使用 JavaScript 在页面加载时单击该按钮：

index.html

<button onclick="makeItFullScreen()" style="opacity: 0; position: absolute;" id="fullScreenBtn"></button>

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  document.getElementById("fullScreenBtn").click();
});

// Placeholder action for the fullscreen function
function makeItFullScreen() {
   console.log("Fullscreen!")
}
</script>