Skip to content

移动端(mobile web)资源加载卡顿与多浏览器兼容问题 #902

@xineonrie

Description

@xineonrie

我使用了github-pages进行部署,然后在安卓/ios双端的web浏览器上进行了测试,除了已知的ios无法居中问题之外,我发现在资源加载上也存在一些问题,其中ios/Safari的问题最为明显

安卓(小米默认浏览器):开始游戏后背景资源大概等待1s之后才出现,立绘资源也是基本上要等一下才会闪出来,切换立绘也是会有明显等待时间
安卓(百度浏览器):无立绘加载问题,但打开页面缩放有问题,大概缩放了400%,需要手动缩小才能和默认浏览器一样大小(不知道是不是因为我多等了一会所以加载完了,但是小米默认浏览器)
ios(safari):立绘加载有闪动,而且transform偶发失效导致立绘位置偏移
mac(safari):同样和safari一样有偶发失效导致立绘位置偏移,出现的位置和ios基本一致,且与切换立绘相关,怀疑是部分语法解析出问题
ios(chrome):立绘加载有闪动

总之想问一下

  1. 有无加载器回调可辅助确认所有资源加载完成?想在进入开始菜单前加一个进度条,在资源加载完成之后再打开
  2. 我对菜单做了比较大的样式修改,在页面ts文件里import了大量图片(后期可能替换mp4),菜单这部分资源有没有推荐的加载方式?
  3. 另一个是safari目前似乎没办法和chrome表现对齐,想知道是不是我哪里写错了

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions