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留着 。
希望对大家有用！
网友评论