javascript - javascript 全屏请求在 chrome 中被拒绝
问题描述
我正在尝试制作一个 html5 画布全屏,所以我使用了 javascript api 和一个按钮来全屏显示。
这是html按钮代码:
<button onclick="fullscreen()">Pantalla completa</button>
全屏功能如下所示:
function fullscreen(){
var elem = myGameArea.canvas;
try {
if (elem.requestFullscreen) {
prom = elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) { /* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}
catch (error) {
console.error(error);
}
}
这适用于 mozilla firefox,但在 chrome 中会出现错误: 浏览器控制台错误
我不明白为什么,因为我在用户交互时调用它,按下按钮。
解决方案
那么你没有说你正在使用iframe
元素,所以你需要添加allow="fullscreen"
属性才能做到这一点
推荐阅读
- angular - 对 Angular 管道中的参数使用扩展运算符
- javascript - 怎么做
隐藏在 vuejs 中的字段? - javascript - 如何替换字符串中的反斜杠美元符号
- android - 如何使 recyclerView Pinch 缩放每个孩子的点击事件中的多个孩子?
- android - withContext(Dispatchers.IO) 如何使用房间
- xamarin.forms - 如何在媒体库中查看我下载的图像?
- ruby-on-rails - Ical / Apple 日历集成
- c++ - 为什么当我取消引用数组指针时,结果值是指向数组第一个元素的指针,而不是整个数组对象?
- node.js - API 白名单的 IP 地址
- rust - 如何在 bevy 引擎中加载部分图像