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 如下图:

Mac 中 Rider EmmyLua调试 mac调试iphone_ip地址


6.手机打开safari浏览器,将mac本地服务输入地址栏并将Localhost改为ip地址

(到此为止,手机已经可以打开mac启动的本地服务了)

Mac 中 Rider EmmyLua调试 mac调试iphone_safari_02


7.mac中打开safari,点击顶部菜单 开发

8.找到你的设备名鼠标指向它

(这时需要手机同时打开safari并保持屏幕亮起)

9.在你手机设备名这个菜单内,就能看到你在手机打开的服务地址,然后点击

Mac 中 Rider EmmyLua调试 mac调试iphone_mac调试_03


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

Mac 中 Rider EmmyLua调试 mac调试iphone_ip地址_04


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