javascript - 如何检测用户是否在浏览器中启用了全屏

Question

当用户在 Chrome 或 FireFox 中启用全屏时是否会触发一些 JavaScript 事件？

我有一个将 Canvas 宽度和高度设置为特定大小的 WebGL 应用程序，我想在用户启用全屏时调整它的大小。如果没有这样的事件，我是否应该开始研究用 Canvas 填充浏览器窗口的方法，尽管它在调试时会使事情复杂化？

Answer 1

您可以将屏幕宽度与浏览器宽度或高度进行比较。

if (screen.width == window.innerWidth && screen.height == window.innerHeight) {
    //full web browser
}

编辑:如果用户有下载管理器、翻译栏或元素检查器打开高度与屏幕不同，请在 chrome 中小心。