调试iOS模拟器
需要的工具：
- Xcode模拟器
- Charles
- Safari浏览器
Xcode模拟器的安装与使用
安装Xcode模拟器之前需要先安装Xcode，Xcode的安装可直接进入app store下载。Xcode的体积比较大，需要一点耐心。
安装好Xcode之后，点击菜单栏的Xcode->settings->Locations
点击Command Line Tools，然后关闭窗口
点击菜单栏的Xcode->Open Developer Tool->simulator，即可打开模拟器。打开模拟器后，可关闭Xcode，同时将模拟器固定在程序坞，这样就可以在下次调试时，直接打开模拟器。
模拟器打开后，在HbuilderX中选中要运行的项目，点击菜单栏的 运行->运行到手机或模拟器->运行到IOS模拟器APP基座，这时弹出的界面会有模拟器供你选择(请确保此时模拟器已打开)，选中某个模拟器，模拟器中就会出现你的调试界面。
在Xcode模拟器中只能看到显示的界面，只能看看页面效果，看是否存在某些兼容性问题，无法像调试web一样看到DOM结构以及各种数据请求信息，这时需要借助Safari以及Charles
Safari浏览器查看DOM结构
前置条件：Safari浏览器已打开开发者菜单
打开Safari浏览器后，点击菜单栏的开发->选择打开的模拟器->选择调试的页面，就会出现一个独立的网页检查器，可像web一样查看DOM结构以及CSS样式
Charles
使用charles可以像web一样抓模拟器的各种请求
- 在模拟器中不需要配置手机的代理
- 由于可能后期会遇到https请求，所以建议将需要配的项目全部配齐
Charles下载与破解：my.oschina.net/zz006/blog/…
Charles配置
1. 设置端口号：proxy->proxy settings,弹出的界面如下，默认端口号是8888
2. 安装root证书，并信任
此时会弹出一个框让你选择安装位置，选择'系统'，不要选择'本地目录'，会报错，提示安装不了。安装后会进入钥匙串访问界面，如下所示：
在系统中找到刚才安装的Charles，由于还未信任，此时Charles名称栏上有一个小×，双击，打开设置页面，大概长这样：
点击信任，使用证书时，选择 “始终信任”
- 设置需要抓取的地址(如果不设置，及时Mac和手机都安装了证书，请求也会unknown) Proxy -> SSL Proxy Settings
这里设置的全部抓取，https的端口号是443
- 获取本机ip地址：(如果是模拟器调试的话，此步骤可省略) help -> Local IP Address，记住这个操作，后续有用
真机或模拟器设置
1. 下载root证书
help -> SSL proxying
根据以下提示在手机中操作：即
- 配置手机的代理(模拟器中不需要)
- 在Safari浏览器中，输入chls.pro/ssl，下载证书
- 设置 -> 通用 -> VPN与设备管理，安装charles
- 设置 -> 通用 -> 关于本机 -> 证书信任设置，信任已安装的证书
调试安卓模拟器
需要的工具
- 安卓模拟器，这里用的是mumu
- chrome浏览器
如何调试
具体过程直接参考：www.cnblogs.com/meiyanstar/… 或者：www.cnblogs.com/helios-fz/p…
总结起来就是：
- 下载mumu模拟器
- 获取模拟器端口号:mumu.163.com/help/202305…
- 在mumu模拟器中设置手机为开发者模式
- 通过adb devices命令获取当前接入到PC的安卓机(包括真机和模拟器)
- 在hbuilderX中，点击运行->运行到安卓基座，弹出的面板中会列举出可运行的安卓机列表
- 使用chrome来调试安卓机：chrome://device，可看到需要调试的页面
