ionic 快捷真机调试方法

快捷真机调试方法

在真机调试的过程中,每一次改动都需要重新打包,然后跑到真机上,这样效率很低。

可以在项目的config.xml中将

 <content src="index.html" />

改成

 <content src="http://your-ip:port" />

例如

 <content src="http://10.10.10.10:8100" />

10.10.10.10是你的本机ip,8100是你本地所跑代码的端口

注意:手机需要与你的电脑连接同一个wifi

这需要你在本机的8100跑一个ng serve服务。这样所打的iOS/android包就会在启动时从你的本机拉取代码,然后再webview中加载。

这样你每次本地改动后重新编译,你的手机也会随之更新。

原理: 其实跟你本地用chrome调试时一样,所指向的服务编译更新了,代码改变后会强制刷新。

推荐阅读更多精彩内容