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中的调试器调试手机打开的服务页面了!