Safari inspector#

前提条件： MacBook、iphone、iphone 数据线

适用场景：可以在 Safari 上调试的页面

XCode Simulator#

“Xcode enables you to develop, test, and distribute apps for all Apple platforms”

前提条件： MacBook

Eruda#

“Console for mobile browsers”

Github repo

前提条件： smartphone

适用场景：所有页面，包括使用 JS Bridge 的 H5 页面

JS Bridge 是指在 H5 页面中与原生应用程序之间进行通信的技术桥梁。它允许 H5 页面的 JavaScript 代码与原生代码进行交互，使得 H5 页面可以调用原生应用的功能并获取原生应用的数据

MIHTool + weinre#

“MIHTool helps Front-End Engineers to debug and optimize their webpages on iPad and iPhone”

前提条件： iphone

参考

• What is MIHTool ?
• What is weinre ?
• How does MIHTool saves your time when debug webpages on iOS