被叫去其他項目組幫忙改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進行調試
