在Safari浏览器 调试真机 webAPP、 WebView界面

前言

前端开发平常都是在谷歌浏览器的虚拟设备下直接调试。做移动端开发的朋友经常会遇到 虚拟器安然无恙，真机上就各种奇葩问题。 没关系，好多朋友不知道h5页面可以将手机连接到电脑，直接在电脑上调试，让我们一起来了解一下吧！

步骤

步骤一：Safari 浏览器的设置

打开Safari偏好设置，点击菜单 “高级“ ，在页面最下方 选中 “在菜单中显示开发菜单”的复选框，在复选框内打钩，设置完毕以后再safari浏览器头部的导航上面就能看到 “开发” 菜单了。

步骤二：在 iPhone 手机上 设置

打开手机设置->Safari->高级（最下面）->将 JavaScript 、Web检查器的开关都打开。

步骤三：把 iPhone手机连接到 mac上，打开Safari浏览器，先运行手机app里面的web页面，再在菜单 “开发” 中选择已连接的手机，找到调试的网页，就能在Safari里面调试了 。
这就ok啦，省去了每次改效果以后发版的操作时间啦！