safari调试工具h5手机_iOS之Safari调试webView/H5页面

之前做过混合开发，用的是JavaScriptCore+OC+UIWebView。

Safari调试功能真的很有用，通过它可以轻松定位问题的所在，下面说说怎么调试.

开启Safari开发菜单

在Mac的Safari偏好设置中，开启开发菜单。具体步骤为：Safari -> 偏好设置… -> 高级 -> 勾选在菜单栏显示“开发”菜单。

iPhone开启Web检查器

具体步骤为：设置 -> Safari -> 高级 -> Web 检查器。

运行App

打开项目，Cmd + R 运行，打开想调试的Web页面。

调试对应的页面

打开Safari -> 开发 -> 设备 -> URL。

选中的页面会变成蓝色，点击然后打开了如下的界面。

这个页面就很像Windows 平台Chrome的F12。可以打断点：

查看断点

查看Cookie

<