unity打包WebGL通过调用JS实现全屏

Unity打包成WebGL游戏后，如果想要通过JavaScript控制全屏显示，通常需要在Unity中设置好屏幕适配选项，并编写一些脚本来与HTML5的全屏API交互。以下是基本步骤：

1. **Unity编辑器设置**：
- 在Unity中打开项目，转到`File` > `Build Settings`。
- 在`Player settings`（玩家设置）中，选择`Web & WebGL`标签。
- 确保`WebGL Build Settings`部分启用了`Advanced`模式。
- 在`WebGL Player Settings`中找到`Fullscreen API`选项，选择适合的全屏支持方式，如`Automatic`（自动检测）、`Request fullscreen`（请求全屏）或`Force fullscreen`（强制全屏）。

2. **编写JavaScript代码**：
- 在Unity生成的HTML文件中，会有一个`canvas`元素用于渲染Unity内容。你可以添加事件监听，比如在`document.body`上监听`fullscreenchange`事件。

   document.addEventListener('fullscreenchange', function() {
     if (document.fullscreenElement) {
       console.log('Full screen is enabled');
     } else {
       console.log('Not in full screen mode');
     }
   });

- 当你想进入全屏时，可以调用`requestFullScreen()`或`exitFullscreen()`函数：

   var canvas = document.querySelector('canvas');
   canvas.requestFullScreen();

3. **回调处理**：
如果需要更复杂的操作，例如在全屏退出时做清理工作，可以在`fullscreenchange`事件中添加相应的逻辑。

记得在实际应用中测试跨浏览器兼容性，因为不同的浏览器对全屏API的支持可能会有所不同。