iOS Safari调试iPhone设备上的网页

在开发过程中，我们常常会使用WebView去加载一个H5页面。有时候，我们想要去检查H5元素、查看H5源代码等等，这时候怎么办呢？不要慌，Safari帮你搞定～Safari调试功能可以轻松定位问题所在。
* APP内的WebView、iPhone上的safari都可以去调试检查。
* iPhone和Simulator都可以用此方法去调试检查

操作步骤

1.配置iPhone上的safari

• 打开手机的设置
• 找到safari并选择
• 找到高级选项并进入
• 将“网页检查器”开启

2.配置Mac上的safari

• 打开mac的safari
• 菜单栏中选择偏好设置
• 找到高级的选项卡并选择
• 勾选“在菜单栏中显示开发菜单”

3.调试、检查H5页面

• 将iPhone或者模拟器链接电脑
• 设备中打开你要检查、调试的H5页面或者网页
• 打开mac的safari浏览器
• 菜单栏中选择“开发”选项（步骤二后才会出现该选项）
• 选择你的设备以及要检查的网址