Unity3D部署导出的Webgl项目同时支持手机

Foldcc
2017-8-18

Unity在抛弃掉flash后支持导出全新的H5项目WegGl，但是目前Unity3D导出的Webgl不支持在手机上使用，原因是手机上的硬件性能相对来说要弱而且很多浏览器不支持Webgl，因此在手机上玩Webgl游戏可能会对玩家不友好，但是随着手机发展，目前手机的硬件性能都大大提高，同时很多手机浏览器也开始支持Webgl了，所以...接下来就是今天的正题

Unity导出Webgl项目部署后如果使用手机访问会弹出烦人的警告弹框之类的！同时使用其他浏览器也可能会出现弹框。

如下：
[图片上传失败...(image-1cbca4-1551706350330)]

这里给大家分享一个小技巧就可轻松把弹窗去掉

很简单的办法修改导出项目中的 UnityLoader.js文件即可

第一步 导出Webgl项目

这里就不讲如何导出了

第二部 修改js文件（划重点）

• 找到项目中的UnityLoader.js 文件，并打开进行编辑

• 这里我是用HBuilder工具导入该项目后打开，这样可以修改后直接预览项目（如果直接点Index.html是打不开项目的，必须要部署），如果发现代码是一坨，直接全选然后右键 整理代码就好了

• 整理代码后就直接可以看到罪魁祸首 如图：
  [图片上传失败...(image-abb110-1551706350330)]

• 一个多级嵌套的三目运算 ，我们只需要吧判断手机的给删除掉就OK了，如下，吧绿色部分delete掉
  [图片上传失败...(image-ddc4dc-1551706350330)]

这样下来手机上就可以完美运行了！！
[图片上传失败...(image-5cfa5a-1551706350330)]

另外还有一个是判断浏览器的 ，如果不想要不必要的麻烦 直接简单一点 吧 == -1 随便改成一个永远为false的就可以了（比如 < -1 就永远不会触发），或者删除也行 ，这里推荐把这判断是否支持webgl留着 。
希望对大家有用！