相信很多ionic的开发者一般的调试方式都是采用的Chrome的真机调试(chrome://inspect)进行的调试的,或许有很多人为了不麻烦还是采取的改一点,然后打包alert()。毕竟我大多数时候都是这样。
这里我推荐大家使用一款专门用于phonegap(cordova前身)的调试工具GapDebug。
GapDebug介绍
GapDebug,是为混合移动开发人员提供免费的调试和应用管理平台。它既能真机调试Android也能调试IOS。(但是有一个不幸的消息是现在官方在发布2.4为最终版本后不再维护,但是这并不影响我们的使用)。
下载地址
工具使用
首先直接安装然后打开,第一次使用的时候需要下载一些需要用到的依赖文件,所以需要越过一定的障碍(翻墙)。
打开软件后连接手机(打开USB调试不赘述)。
工具很简单,基本只需要关注以下几个功能点就行,具体可以去体验一下:
连接手机然后打开需要调试的APP就可以开始调试了。
其实说了这么多都是废话,下面才是重点:
Problem loading url:
http://chrome-devtools-frontend.appspot.com/serve_rev/xxxx/emulated_devices/emulated_devices_module.js
Status code: 0
这个错误是在使用的时候出现的,我自己也有很长一段时间安装了Gap Debug但是无法使用,下面就来说说解决办法:
首先找到 loadcdt.html
我的路径是:C:\Users\asus\GapDebug\plugins\com.genuitec.powderhorn.deviceconnector_16.2.4.201607140810\res\gapdebug\loadcdt.html
然后下载gapdebug_patch1.zip
解压该文件替换你自己路径下的loadcdt.html文件即可正常使用了。