操作时间:截止2021年5月8号

使用版本:unity2018(可在微信正常打开)

其他版本:经测试unity2020版本系列发布出的webgl项目在网页运行会报错,可在浏览器开发者工具查看;unity2019版本系列发布出的webgl项目在PC端浏览器运行正常,但到移动端使用微信或一些其他的浏览器打开时,程序运行后会一直处于黑屏状态;

打开移动端权限

Unity发布webGL后,很多时候我们需要在移动端展示,此时找到UnityLoader.js文件,做下面的修改即可在手机端打开:

compatibilityCheck:function(e,t,r){
    UnityLoader.SystemInfo.hasWebGL?
 
        UnityLoader.SystemInfo.mobile?
 
            t()
 
           :["Firefox","Chrome","Safari"].indexOf(UnityLoader.SystemInfo.browser)==-1?
 
        :e.popup("Yourbrowse does not support WebGL",[{text:"OK",callback:r}])    },

或者直接改成可以避险很多不必要的麻烦(平台,浏览器等)

compatibilityCheck:function(e,t,r){t();},

 webgl完整开发记录可查看另一篇博客:webgl完整开发记录中相关部分 

踩坑记录(先粗略的写下):

公司想要将发布出来的webgl项目的链接直接从手机端微信打开,方便操作,于是就去网上找了设置允许移动端访问的方法,可以成功使用移动端打开链接了,但问题来了火狐可以正常打开链接并操作,直接从微信打开链接或者从其他浏览器打开确是一直黑屏,点击unity发布webgl时自带的右下角全屏按钮就会出现画面;

坑来了,我使用的unity版本是2019.4.24,测试过其他一两个版本的2019系列版本都是一样的问题,黑屏;

使用unity2020版本系列的部分版本测试的时候发现,发布出来的项目在PC端打开时浏览器控制台都会报错同一个错误不能正常打开;(图等我有空再截补)

最后网上确实有类似的成功案例,但没发现有类似情况的,因为在webgl方面也是第一次开发实际项目,最后发现可能跟unity版本有关系,于是又尝试了2018版本的终于成功了。