如何在手机上调试pc端启动的项目代码

429 阅读1分钟

业务背景

最近在开发中遇到用户反馈的某页面的功能在pc端、移动端表现不一致问题。鉴于日常开发的业务平台pc端使用较多,日常开发流程如下:

1. 在pc端启动项目
2. 在pc端开发功能模块
3. 待pc端功能完善的差不多了,部署到测试环境,真机上稍微测试功能
4. 测试完成后发布

因此对用户反馈的这个问题,需要在手机上实时调试,查找了一些文案终于找到了简洁的解决方法,特此整理资料。

解决方法

step1.保持手机、电脑处于同一局域网

该前提条件是保证手机、电脑可以互相访问。

step2.pc端启动项目代码

项目正常启动后,一般会显示项目访问的地址。 image.png

step3.在终端terminal上查找pc端ip地址

mac端执行命令ifconfig,windows端执行ipconfig。可以在输出的信息中按关键字inet查找到本机的IP地址。

image.png

如果嫌上述查找方式比较麻烦,可以直接使用下面的命令直接拿到ip地址。 ifconfig | grep "inet " | grep -v 127.0.0.1

image.png

step4.将页面访问地址里的域名替换成上一步获取的ip

image.png