Safari调试iOS中的JS

从iOS5.0开始，iPhone可以通过Safari的Web Inspector工具连接设备调试应用上的JS。

一、使用Xcode模拟器

可以直接使用safari的控制台debug。

模拟器.png

二、使用真机

由于iOS有签名校验机制，正式包不允许safari debug，所以安装在真机上的包必须是测试签名打的包。
此时参考如下步骤：

1. 开启iOS设备的调试功能

打开“设置”程序，进入“Safari”->“高级”页面开启“Web检查器”：

手机Safari设置.png

2. 开启电脑Safari的调试功能

运行Safari,点击“Safari”菜单下面的“偏好设置（Preferences...）”，切换到“高级选项（Advanced）”：

电脑Safari设置.png

勾选“在菜单栏显示"开发"菜单（Show Develop menu in menu bar）”。

此时在Safari的工具栏出现“开发（Develop）”菜单：

Safari开发.png

3. 真机设备连接调试

点击选择：自动显示JSContent的Web检查器。如图：

Web检查器.png

4. 打开应用，运行JS即可自动弹出下面页面，然后即可调试。如图：

Web调试.png