iOS与Safari联调

iOS开发中，难免遇到与JS互调的情形，运用xcode只能看OC部分的代码，无法查看或者调试js端代码。此时Safari浏览器的调试功能就派上了用场，可以断点调试或查看js端日志输出等。要使用Safari调试需要执行以下步骤：

1、测试设备设置

打开测试设备上的web检查器
路径：系统设置->Safari浏览器->高级->web检查器

2、Mac上Safari设置

打开Mac上Safari浏览器开发菜单
方法:打开Safari浏览器->Safari偏好设置->高级->在菜单栏中显示“开发”菜单(勾选即可)

3、连接测试设备与Mac

用数据线把测试设备与Mac连接起来

4、打开调试APP

在测试设备上打开测试APP并跳转到加载js代码的界面

5、调试js代码

打开Mac上Safari浏览器->展开开发菜单->选择测试设备->选择要调试的网页地址->在弹出的界面即可看到js代码和进行调试操作。

image.png

如果此时在开发菜单看不到测试设备请检查测试设备与Mac的连接。