想请教下 Ionic 的正确调试姿势？

[enginex]

新手，目前在上手使用 Ionic 2 开发 android app，感觉调试代码有些不方便，因为之前并没有 android 开发经验，估计是自己的打开姿势不正确吧，所以想请教各位前辈，应该使用什么 tool/流程来改善？

目前我的调试流程是：

1. ionic run android 生成 debug-apk 包并自动安装到手机端
2. 使用 chrome inspect tool 来查看 /调试代码
3. 调试完成后，重新 ionic run android 在真机验证效果

遇到的问题：

1. 其实感觉 ionic serve 在网页端实时查看改动挺方便的，但后来 app 加入了 cordova plugin,只能在真机调试，否则报错，所以才改成了现在的流程
2. chrome inspect tool 里，只能修改我已有的 CSS 代码，不能新插入，导致调个样式可能要 build 上几版
3. 发现开启 chrome inspect tool 会对真机 app 产生影响，有时页面无显示，有时 app 不响应点击 /拖动

以上，感谢

[yggd]

ionic run android --livereload (或者-l)啊，然后 android studio 看 log

[yixiang]

上模拟器。除了可能卡一点，调试挺好用。

也可以判断是否有 window.cordova，选择执行相关代码，平时就 serve。

或者用 Ionic Native 加上 Mock，在浏览器中调试。

[wengjin456123]

我有一般是开 Androidstudio 里的模拟器调试

[Hilong]

有个 phonegap devtool 你可以搜搜看

[enginex]

@yggd @wengjin456123 android studio 好卡的说

[enginex]

@Hilong 好的，我试试看，感谢

[enginex]

@yixiang https://github.com/chrisgriffith/ionic-native-mocks 类似这个？

[yixiang]

@enginex 是的，再像这样自动替换 https://www.joshmorony.com/automating-mocks-in-ionic-native-3-x/