Ios 模拟器如何调试webview 加载的h5 界面

遇到的坑：

按照资料说明去操作，不但没有出现调试界面，也找不到要调试的界面，打开自己的safria浏览器并没有看到模拟器的选项，这可如何是好呢。现在我们来详细介绍一下调试的步骤说明。

调试原理：通过本地的浏览器的“开发”选项 找到xcode 中运行的模拟器设备，再找到模拟器设备运行的界面进行查看控制台错误信息，此时在本地浏览器看到的错误信息即为模拟器运行的代码的错误信息。

首先在本地浏览器选项是否能看到“开发” 选项。如果看不到

打开safari浏览器找到 偏好设置 选项 勾选，在菜单栏中显示 开发 选项

这样就能在浏览器上看到开发选项了。

到这里我们退出浏览器，这里的操作至关重要，如果不完全退出，在浏览器上不会看到已经运行的模拟器设备。

打开后选择advance（高级设置）

一般来说在这里就会出现web检查器选项 ，但是这里没有我们就不用管了，有的话就打开。

这样模拟器设置完成后关闭模拟器，重新运行xcode的模拟器。打开mac本地浏览器，选择开发选项--》找到自己的模拟器设备，勾选上模拟器的两个选项 如下图：

这时候如果我们在模拟器上运行我们的界面，比如index.html 那么我们再次重复上个步骤即可看到index.html

打开后index.html  后可在控制台进行错误信息查看和调试，需要注意的是，如果此处看不到具体的你想要调试的界面说明模拟器还没加载到此界面，或者加载此界面之前就报错了。

以上就是如何在mac本地浏览器调试模拟器上运行的webview 的具体的详细的方法，此篇文章是自己根据经验才总结出来的，对于新手来说非常有参考价值，如果帮到了你们请给上满意的一票 谢谢。