hybrid混合开发的模式下，h5页面会在客户端上展示，出现线上问题时一般通过抓包工具Charles进行排查，但抓包工具只能获取网络请求、响应以及数据传输等网络交互信息，查看报错信息、页面元素展等都会受到客户端不能查看控制台的限制。
前置条件
- 客户端支持调试模式（debug包）
- 安卓使用chrome，iOS使用Safari
iOS 设备
iOS想要开启调试只能使用Safari浏览器，具体操作步骤如下：
Safari开启开发者模式
-
进入 Safari 设置：
- 点击屏幕顶部菜单栏中的 Safari，然后选择 设置。
-
启用开发者菜单：
- 在设置窗口中，点击 高级 选项卡。
- 在高级选项卡的底部，勾选 在菜单栏中显示“开发”菜单。
- 在屏幕顶部的菜单栏中可以看到一个 开发 菜单项。
iOS启用Safari的Web 检查器
-
启用 Web 检查器：
- 进入 Safari 设置页底部 高级 选项。
- 在高级选项卡的底部，打开 **Web 检查器 ** 选项。
使用开发者菜单调试 iOS 设备
-
连接 iOS 设备：
- 使用 USB 数据线将 iPhone 连接到 Mac。
-
打开调试页面：
-
在 Safari 的 开发 菜单中，可以看到已连接的 iOS 设备名称。悬停在设备名称上，会显示设备上打开的网页列表。
-
点击想调试的网页，Safari 会打开一个新的开发者工具窗口。
- 选择对应的html元素，在手机上对应的区块会被选中显示淡蓝色。
