Unity WebGL 全屏功能受浏览器限制，不能直接使用 Screen.fullScreen。正确做法是通过 DllImport 调用 JSLib 插件，使用 gameInstance.SetFullscreen() 接口。UI 自适应需重点检查锚点设置，背景 Panel 应拉伸至全屏，顶部底部 UI 分别贴顶底。HTML 层面保持简单，仅设置宽高为视口大小。遵循官方规则可避免兼容性问题。
在 Windows / Editor 环境里，我们通常会这样控制全屏：
Screen.fullScreen = !Screen.fullScreen;
但当项目切到 WebGL 后，就会遇到各种奇怪问题：
abort(-1)很多人第一反应是'是不是 Unity 的 bug'，但其实原因只有一个：
浏览器对'进入全屏'有严格限制：
Screen.fullScreen 在 WebGL 中只是一次尝试性的请求，浏览器有权拒绝它，这就造成了各种'不稳定现象'。
WebGL 环境下，请只使用 gameInstance.SetFullscreen(1)。这是 Unity 官方提供的 WebGL 全屏接口，不是 Hack，也不是私有 API。
Unity UI Button 点击（用户手势） ↓ C# 调用 JavaScript（DllImport） ↓ JS 调用 gameInstance.SetFullscreen(1 / 0)
只要保证调用链路来自真实点击事件，浏览器就不会拦截。
Assets/Plugins/WebGL/Fullscreen.jslib
.jslib 的作用是：从 Unity C# 调用 JavaScript 代码
mergeInto(LibraryManager.library, {
// 进入全屏
WebGL_SetFullscreen: function () {
// gameInstance 是 Unity WebGL 导出时自动生成的全局对象
if (typeof gameInstance === 'undefined' || !gameInstance) {
console.error('gameInstance not ready');
return;
}
// Unity 官方推荐的 WebGL 全屏方式
// 参数：1 = 全屏，0 = 退出全屏
gameInstance.SetFullscreen(1);
},
// 退出全屏
WebGL_SetMixscreen: function () {
if (typeof gameInstance === 'undefined' || !gameInstance) {
console.error('gameInstance not ready');
return;
}
gameInstance.SetFullscreen(0);
},
});
注意事项：
requestFullscreen下面是我项目里实际使用的脚本，支持 Editor / WebGL 双环境。
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
#if UNITY_WEBGL && !UNITY_EDITOR
using System.Runtime.InteropServices;
#endif
public class SceneUtilityButtons : MonoBehaviour {
#if UNITY_WEBGL && !UNITY_EDITOR
// 当前是否为全屏状态
private bool state = false;
// 声明 jslib 中的方法
[DllImport("__Internal")]
private static extern void WebGL_SetFullscreen();
[DllImport("__Internal")]
private static extern void WebGL_SetMixscreen();
#endif
// 直接绑定到 Unity Button 的 OnClick
public void OnClickFullscreen() {
#if UNITY_WEBGL && !UNITY_EDITOR
// WebGL 环境下：调用 JS 中的全屏接口
if (!state) WebGL_SetFullscreen();
else WebGL_SetMixscreen();
state = !state;
#else
// 非 WebGL（Editor / PC / Mobile）
Screen.fullScreen = !Screen.fullScreen;
#endif
}
}
使用方式：在 Button 里绑定 OnClickFullscreen() 即可。
即使你已经正确设置了：
Canvas → UI Scale Mode = Scale With Screen Size在 WebGL 下仍然可能出现：
90% 的情况不是 Canvas，而是锚点没设置对。
Stretch（0,0 → 1,1）0这是最容易忽视、但最重要的一步。
最终我的 HTML 只保留：
width: 100vw;
height: 100vh;
没有额外 resize 逻辑，也没有 JS 强行缩放。
UI 自适应交给 Unity，浏览器只负责显示。
Screen.fullScreengameInstance.SetFullscreenWebGL 的坑并不在'技术有多复杂'，而在于它不是桌面程序的思维方式。
顺着 Unity 官方的规则来，很多看起来很玄学的问题，其实一次就能解决。
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online
将 Markdown（GFM）转为 HTML 片段，浏览器内 marked 解析；与 HTML转Markdown 互为补充。 在线工具，Markdown转HTML在线工具，online
将 HTML 片段转为 GitHub Flavored Markdown，支持标题、列表、链接、代码块与表格等；浏览器内处理，可链接预填。 在线工具，HTML转Markdown在线工具，online
通过删除不必要的空白来缩小和压缩JSON。 在线工具，JSON 压缩在线工具，online
将JSON字符串修饰为友好的可读格式。 在线工具，JSON美化和格式化在线工具，online