在ios 12版本频繁webview崩溃

[zhoudc1995]

问题描述

使用micro-app 关闭沙箱 inline模式 ios12 系统频繁崩溃 无法加载
低版本micro-app不会出现此问题 更新到最高版本后出现问题
使用低版本又有setTimeout内存泄漏以及事件监听等bug 希望帮忙排查一下最新版本出现问题的原因~ 大概率是with沙箱与iframe沙箱保持一致导致

复现步骤

1.0.0-rc.3 -> 1.0.0-rc.4 产生的问题
1.使用ios12版本设备 ipad
"Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 XESIPS/5.76.30/YunXueXi_iPad_iOS lang=ZH dv=010966C7-12FA-4371-AE15-52DDC0E9E419 version=5.76.30" = $1
在不支持webgl2的环境中 使用webgl1

断点端到的代码是到

后就崩溃了
2.访问 http://localhost:3000?templateId=216&openPanel=studentPanel&role=student&gameId=1045371&gameTemplateVersion=1.0.12&tempPlatformFlag=slides&platformFlag=slides&env=test&userId=P107330&slideId=b51a9c74888c48e0aa197f78ee039549即可复现

上传截图

请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。

复现仓库

https://github.com/zhoudc1995/jd-micro-test
我自己写的demo

环境信息

• micro-app版本：最新版本
• 主应用前端框架&版本： 无框架
• 子应用前端框架&版本：cocos3
• 构建工具&版本：

[zhoudc1995]

定位到问题点了
getWrapElement 改为了parseHtmlString
使用了 new DOMParser()).parseFromString(htmlString, 'text/html').body 复制了html 以及cloneContainer的修改
当html中存在canvas时 就出问题了 ios12 中对canvas 进行 canvas.getContext('webgl') 就导致了webview崩溃
初步怀疑是webkit 低版本对于DOMParser 对于canvas解析存在bug，建议 canvas元素不走DomParser 使用innerHtml