在macbook pro上调试iOS safari上的页面遇到的坑

最近有需求希望能在电脑端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了。