MAC 调试本地移动端

关于移动端调试的方式有多种，总体来说就是样式的调试和数据的抓取，这个时候我们就需要一个控制台，而当我们在手机端调试的时候，如何实现控制台调试呢，下面给大家分享一下使用苹果设备调试本地移动端页面的方法

需要准备：
1.wifi环境
2.mac一台
3.iphone手机一部
4.数据线一根

大致思路：
我们在调试本地项目的时候肯定是要启动服务，然后使用localhost来启动页面，但是如果使用手机访问本地服务使用Localhost是不行的，必须使用ip地址来连接，这时候就需要手机和mac连接同一个wifi，从而在同一个ip地址下使用服务，使用手机打开页面后，我们需要一个控制台，这时候就需要mac的safari工具来开启手机safari页面的控制台

具体实现：
1.mac打开safari浏览器
2.左上角菜单栏进入：safari（safari浏览器）==> 偏好设置 ==> 高级
3.窗口最下方 勾选 ‘在菜单栏显示"开发"菜单’ 选项
（然后关闭窗口就能看到顶部菜单栏多了一个 开发 选项，以上操作只设置一次就可以了）
4.iphone手机和mac连接同一个wifi，然后用数据线将两台设备连接，最后启动本地服务
5.在命令行终端（bash）查看IP地址,输入命令： ifconfig (类似于windows里的ipconfig),这个ip在 en0 下的 inet 如下图：

6.手机打开safari浏览器，将mac本地服务输入地址栏并将Localhost改为ip地址
（到此为止，手机已经可以打开mac启动的本地服务了）

7.mac中打开safari，点击顶部菜单 开发
8.找到你的设备名鼠标指向它
（这时需要手机同时打开safari并保持屏幕亮起）
9.在你手机设备名这个菜单内,就能看到你在手机打开的服务地址，然后点击

10.你的mac设备自动弹出一个控制台，就是你手机打开连接页面的控制台

这样就能使用mac中的调试器调试手机打开的服务页面了！