iOS端打开webgal demo时报错

[Alex Shan]

如图，进入后在图2重复加载，直到展示图1界面

[Mahiru]

我使用 Mac OS 上的 Xcode 模拟器 Safari 调试网页，在最新版 iOS 下可以正常运行。但是我并没有实体机的 iPhone，所以我无法在实体机上调试。

[Max Liu]

我也出现了这个问题，看了下应该是手机端safari爆内存了 @MakinoharaShoko

[Mahiru]

我也出现了这个问题，看了下应该是手机端safari爆内存了 @MakinoharaShoko

这看起来很奇怪......我使用 Chrome 调试，运行一个流程非常长（数小时）的游戏，并没有发现内存泄漏。

[Mahiru]

https://forum.cocos.org/t/topic/137672/32#:~:text=%E5%85%B6%E4%BB%96%E5%BC%95%E6%93%8E%E5%9C%A8wkwebview%E4%B8%8A%E8%B2%8C%E4%BC%BC%E4%B9%9F%E6%97%A0%E6%B3%95%E9%87%8A%E6%94%BE%E5%86%85%E5%AD%98%EF%BC%8C%E7%9C%8B%E6%9D%A5%E5%8F%AA%E8%83%BD%E5%87%8F%E5%B0%91%E6%B8%B8%E6%88%8F%E6%95%B4%E4%BD%93%E5%86%85%E5%AD%98%E6%B6%88%E8%80%97%EF%BC%8C%E7%9C%8B%E6%9D%A5%E6%98%AFIOS%20wkwebview%E6%9C%BA%E5%88%B6%E5%A6%82%E6%AD%A4%EF%BC%8C%E4%B8%8D%E9%80%82%E5%90%88%E8%B7%91%E4%B8%80%E4%BA%9B%E5%A4%A7%E5%9E%8B%E6%B8%B8%E6%88%8F%EF%BC%8C%E5%8F%AA%E8%83%BD%E8%B7%91%E5%B0%8F%E6%B8%B8%E6%88%8F%EF%BC%8C%E5%9C%A8%E6%9C%AC%E8%BA%AB%E5%86%85%E5%AD%98%E6%B6%88%E8%80%97%E5%B0%8F%E7%9A%84%E6%83%85%E5%86%B5%E4%B8%8B%20%E4%B8%8D%E9%87%8A%E6%94%BE%20%E4%B9%9F%E6%97%A0%E6%89%80%E8%B0%93%E4%BA%86%E3%80%82%E4%BD%8E%E7%AB%AF%E6%9C%BAiphone7%20%E8%BF%90%E8%A1%8C%E5%86%85%E5%AD%98%E5%8F%AA%E6%9C%892G%EF%BC%8Cwkwebview%E5%86%85%E5%AD%98%E4%B8%8D%E9%87%8A%E6%94%BE%E8%BE%BE%E5%88%B01G%E6%97%B6%E5%80%99%20%E5%B0%B1%E4%BC%9Acrash%EF%BC%8C%E9%AB%98%E7%AB%AF%E6%9C%BA%E5%86%85%E5%AD%98%E5%A4%A7%E4%B9%9F%E8%83%BD%E8%B7%91

合理怀疑是 Safari 有 Bug，翻到一个帖子说 Cocos 2D 在 Safari 上也有崩溃现象

[Mahiru]

再及：我使用我的安卓手机和 PC 调试，并没有检测到内存泄漏的现象。在 Mac 版 Safari 下也可以正常运行。合理怀疑是 Mobile Safari 在打开高负载网站时由于性能问题无法正常运行。我在 Mac Xcode 中使用 iOS 模拟器运行，可以正常运行，可能是因为 Mac 本身性能较好。先前也有找过使用 iPhone 的用户测试，经反馈除了不能使用强制旋转的方式来适配横屏外，也是可以正常打开的。我认为这可能是个很难排查的故障，因为除了 Safari，在其他任何浏览器上表现的都非常正常。

[Alex Shan]

再及：我使用我的安卓手机和 PC 调试，并没有检测到内存泄漏的现象。在 Mac 版 Safari 下也可以正常运行。合理怀疑是 Mobile Safari 在打开高负载网站时由于性能问题无法正常运行。我在 Mac Xcode 中使用 iOS 模拟器运行，可以正常运行，可能是因为 Mac 本身性能较好。先前也有找过使用 iPhone 的用户测试，经反馈除了不能使用强制旋转的方式来适配横屏外，也是可以正常打开的。我认为这可能是个很难排查的故障，因为除了 Safari，在其他任何浏览器上表现的都非常正常。

可能不仅是Safari的问题，我在iPhone 12 Pro Max以及iPhone 13上尝试使用Chrome打开demo.openwebgal.com，都遇到了无法打开网页的现象，希望可以再排查下对于iOS的性能适配情况
（但是可以顺利打开并游玩readme中的铃色☆记忆 by 星奈组）

[Mahiru]

再及：我使用我的安卓手机和 PC 调试，并没有检测到内存泄漏的现象。在 Mac 版 Safari 下也可以正常运行。合理怀疑是 Mobile Safari 在打开高负载网站时由于性能问题无法正常运行。我在 Mac Xcode 中使用 iOS 模拟器运行，可以正常运行，可能是因为 Mac 本身性能较好。先前也有找过使用 iPhone 的用户测试，经反馈除了不能使用强制旋转的方式来适配横屏外，也是可以正常打开的。我认为这可能是个很难排查的故障，因为除了 Safari，在其他任何浏览器上表现的都非常正常。

可能不仅是Safari的问题，我在iPhone 12 Pro Max以及iPhone 13上尝试使用Chrome打开demo.openwebgal.com，都遇到了无法打开网页的现象，希望可以再排查下对于iOS的性能适配情况 （但是可以顺利打开并游玩readme中的铃色☆记忆 by 星奈组）

铃色记忆使用的是老渲染方案（DOM方案），而之后的版本换成了图形库方案（Pixi 方案），差异应当在这。
目前，我只能通过 Mac 上的 Xcode 调试 WebGAL 在 iOS 平台的兼容情况，因为我没有 iPhone 设备。我倒是有一台 iPad 9，但是在 iPad 9 上，也是可以正常运行的

我也很关注 iPhone 设备上的使用体验和遇到的问题，但是我仅有的苹果设备是 Macbook Pro 和 iPad，若要复现并排查这个问题，可能需要有使用 iPhone 的贡献者参与我们的项目。

[Mahiru]

pixijs/pixijs#8133
pixijs/pixijs#9676
https://developer.apple.com/forums/thread/737042

以上是一些相关的链接，我认为可能是由于我们使用的依赖库——PixiJS 在 iOS 上遇到了一些问题。但是在有使用 iPhone 的开发者加入我们的项目团队之前，暂时没有解决这个问题的物质条件。

[Mahiru]

@Max-Liu @shan-mx
https://demo-dev.openwebgal.com/
我应用了一些修改在 iPhone 设备上，停止了在 iPhone 设备上使用我写的自动适配屏幕缩放，也许可以运行。
自动屏幕缩放旨在将 WebGAL 的渲染区域缩放以适配屏幕长宽。但是在 iPhone 上，可能引发了一些 WebGL 性能问题。我在 iPhone 上关闭了这一功能，现在应当可以运行。

[Max Liu]

@Max-Liu @shan-mx https://demo-dev.openwebgal.com/ 我应用了一些修改在 iPhone 设备上，停止了在 iPhone 设备上使用我写的自动适配屏幕缩放，也许可以运行。 自动屏幕缩放旨在将 WebGAL 的渲染区域缩放以适配屏幕长宽。但是在 iPhone 上，可能引发了一些 WebGL 性能问题。我在 iPhone 上关闭了这一功能，现在应当可以运行。

确实没有再崩溃了，但是对话和首页菜单中的文字都变粗了很多

[Mahiru]

@Max-Liu @shan-mx https://demo-dev.openwebgal.com/ 我应用了一些修改在 iPhone 设备上，停止了在 iPhone 设备上使用我写的自动适配屏幕缩放，也许可以运行。 自动屏幕缩放旨在将 WebGAL 的渲染区域缩放以适配屏幕长宽。但是在 iPhone 上，可能引发了一些 WebGL 性能问题。我在 iPhone 上关闭了这一功能，现在应当可以运行。

确实没有再崩溃了，但是对话和首页菜单中的文字都变粗了很多

可能是由于不应用缩放导致的。不过从基本使用上来看，总体问题已经不大，我们后面再逐步优化这些问题。
此 Issue 只用于解决崩溃问题，样式不正确的问题，请额外提 Issue。
我即将关闭这个 Issue，如果再次发现崩溃问题，请 Reopen

[Alex Shan]

@MakinoharaShoko 感谢您的工作！我会为样式问题提个issue