首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  前端开发

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

  •  
  •   enginex · 2017-09-10 10:15:38 +08:00 · 2690 次点击
    这是一个创建于 495 天前的主题,其中的信息可能已经有所发展或是发生改变。

    新手,目前在上手使用 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 不响应点击 /拖动

    以上,感谢

    8 回复  |  直到 2017-09-10 14:35:57 +08:00
        1
    yggd   2017-09-10 10:27:55 +08:00
    ionic run android --livereload (或者-l)啊,然后 android studio 看 log
        2
    yixiang   2017-09-10 10:34:24 +08:00
    上模拟器。除了可能卡一点,调试挺好用。

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

    或者用 Ionic Native 加上 Mock,在浏览器中调试。
        3
    wengjin456123   2017-09-10 11:54:27 +08:00 via Android
    我有一般是开 Androidstudio 里的模拟器调试
        4
    Hilong   2017-09-10 11:58:23 +08:00 via Android
    有个 phonegap devtool 你可以搜搜看
        5
    enginex   2017-09-10 12:55:20 +08:00
    @yggd @wengjin456123 android studio 好卡的说
        6
    enginex   2017-09-10 12:55:48 +08:00
    @Hilong 好的,我试试看,感谢
        7
    enginex   2017-09-10 13:07:16 +08:00
        8
    yixiang   2017-09-10 14:35:57 +08:00
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2205 人在线   最高记录 4236   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 21ms · UTC 14:22 · PVG 22:22 · LAX 06:22 · JFK 09:22
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1