微信网页ios兼容性调试

微信h5网页ios兼容性测试

微信公众号中，h5网页ios兼容性测试，主要借助ios模拟器和safari浏览器开发者模式。

step1 确认出现ui bug 的browser信息和硬件设备系统信息

由browser可以看到，ios上微信中打开网页浏览器内核默认是用的 Safari UI/WKWebView

那么也就是说，我们可以借助对应版本的ios模拟器，然后访问h5网页来做兼容性测试。

step2 安装并启动对应版本ios模拟器

1. 打开Xcode, 进入Preferences -> Components选项，安装上步获取到的对应os版本

1. 打开Simulator, 启动对应型号和系统的模拟器

2. 模拟器打开Safari，访问H5界面

step3 Mac Safari Debug

MAC打开Safari, 开发选项 -> 模拟器 -> JSContext 开始调试，复现问题