被叫去其他项目组帮忙改bug，一看全是安卓和pc谷歌浏览器上不会出现，仅在safari上存在的样式崩坏。
但公司只给了台win10老爷机。
于是开始了win10的iOS调试之路。
主要步骤：
- 在电脑上安装iTunes；
- 下载safari适配器；
- iPhone连接电脑；
- chrome打开inspect页面（手机访问虚拟机代码则需做端口映射）；
- 运行适配器；
- iPhone访问需要调试的页面；
- 在chrome的inspect页面中的列表里点击对应页面下方的inspect进行调试。
- 1 在电脑上安装iTunes
从iTunes官网下载安装iTunes：https://www.apple.com.cn/itunes/
- 2 下载safari适配器，跟着readme里面安装配置
https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter
- 3 iPhone连接电脑
用数据线连接iPhone和电脑，
手机上需要在设置->safari浏览器->高级中设置允许网页检查器。
手机上出现是否信任此电脑的弹框，点击确认。
iTunes也会弹出确认弹框，点击继续。
iTunes左侧列表出现手机名字则表示连接成功
- 4 chrome打开inspect页面
如果手机访问的本地代码在虚拟机中，则需要设置port forwarding
端口映射和安卓是一样的，可以参考我的另一博文
https://blog.csdn.net/Akikang/article/details/103730693
的第二节【二．手机运行电脑虚拟机代码的调试】。
- 5 运行适配器
在命令行进入git上拉下来的适配器代码文件夹，用对应命令run适配器。
备注：2020.03．13，使用适配器时报错。查看issue之后发现是chrome有更新导致适配器不可用，适配器尚未更新，所以需要手动修改源码中的一段hash值后方可使用。
https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter/issues/183
- 6 iPhone访问需要调试的页面
测试环境发布的页面可直接通过url访问；
如果是本地代码，可通过连接和pc相同的网络，访问pc的ip进行访问；
若是访问pc中虚拟机代码，可通过上面提到的端口映射进行访问。
- 7 在chrome的inspect页面中的列表里点击对应页面下方的inspect进行调试
