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

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

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

    新手,目前在上手使用 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
    yggd
        1
    yggd  
       2017-09-10 10:27:55 +08:00
    ionic run android --livereload (或者-l)啊,然后 android studio 看 log
    yixiang
        2
    yixiang  
       2017-09-10 10:34:24 +08:00
    上模拟器。除了可能卡一点,调试挺好用。

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

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