最近有需求希望能在電腦端Safari的開發者工具上調試手機端iOS的頁面。不過遇到了很多坑，記錄如下
1. 一開始希望用mac和iOS上自帶的handoff功能遠程調試，准備工作是把手機端safari的Web inspector打開，手機和macbook用同一個iCloud賬戶登陸，打開macbook和手機的藍牙，手機和macbook連上同一個網絡。但結果是電腦端的Develop下面看不到手機端的頁面。而手機端似乎出現了一個Safari的標志，但只是在鎖屏頁上看到，啥都干不了。網上查到不少macbook有這樣的問題。
2.后來不用handoff，直接把ipad用線纜連到macbook上，結果macbook上的safari上是出現了一個iPad的標簽，但下面卻顯示“Enable Web inspector on device”,但我明明已經在ipad上的safari上啟用了呀。網上一查，也有很多人有這個問題。無語了，蘋果的系統問題也太多了。
3.后來打算用第三方工具，先是裝了一個ios-webkit-debug-proxy，用是可以用，但調試時在Console上看不到有任何輸出。在作者的github上他提議用remotedebug_ios_webkit_adapter。貌似不支持。
4.裝了remotedebug_ios_webkit_adapter，在chrome://inspect/#devices頁面上能看到ipad上Safari打開的頁面。但是點inspect按鈕卻打開了一個空頁面，過了會顯示404，但這個工具目前已經被一個 https://inspect.dev/ 商業化的軟件所代替，不維護了。后來不知怎么搞的，這個問題自己好了，點inspect可以打開手機端的頁面來調試了，也能看到console了。