美文网首页
ionic 快捷真机调试方法

ionic 快捷真机调试方法

作者: 一只特立独行的道哥 | 来源:发表于2020-11-11 14:19 被阅读0次

快捷真机调试方法

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

可以在项目的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调试时一样,所指向的服务编译更新了,代码改变后会强制刷新。

相关文章

  • ionic 快捷真机调试方法

    快捷真机调试方法 在真机调试的过程中,每一次改动都需要重新打包,然后跑到真机上,这样效率很低。 可以在项目的con...

  • Cordova真机测试之GapDebug

    相信很多ionic的开发者一般的调试方式都是采用的Chrome的真机调试(chrome://inspect)进行的...

  • Ionic之真机调试

    一、数据线连接 1)开启开发者选项; 2)开启"USB调试"; 3)选择USB配置(选择MTP:多媒体传输); 不...

  • Ionic3 Android调试

    本文主要介绍将Ionic项目打包成安卓应用之后的调试过程,调试方式分两种:模拟器调试、真机调试。不过在此之前,必须...

  • 真机调试

    真机调试 1. 真机调试概念 2. 真机调试的必要 APP发布之前一定要做真机调试!!! 3. 怎样做真机调试? ...

  • Xcode及真机调试包(更新至15.4)

    真机调试包路径(快捷键shift+command+g) /Applications/Xcode.app/Conte...

  • Xcode及iOS真机调试包

    真机调试包路径(快捷键shift+command+g) /Applications/Xcode.app/Conte...

  • Xcode及真机调试包(更新至15.4)

    真机调试包路径(快捷键shift+command+g) 1、Xcode下载地址:https://developer...

  • mac m1使用android studio开发flutter(

    快捷创建应用后,可以在chrome上运行。连接真机调试built apk时报错。Could not determi...

  • 使用Hbuilder真机调试

    我们开发APP的时候必须使用真机调试,当然有其他方法,这里只讲如何使用Hbuilder来真机调试 步骤: 1)打开...

网友评论

      本文标题:ionic 快捷真机调试方法

      本文链接:https://www.haomeiwen.com/subject/psvebktx.html