IDE调试

概述

我们提供了三种调试方式:

  • 模拟器 + 调试工具
  • 手机端调试面板
  • 远程调试
    模拟器中模拟了大部分的真机 API,并且配有调试工具,建议先在模拟器中完成基础功能、样式的调试,然后在真机上验证和调试,当然,最终运行效果以真机为准。

模拟器

模拟器提供了如下功能:

  • 设备模拟(尺寸、精度等)
  • 编译日志、编译错误提示、刷新
  • 支付宝 JsAPI 模拟,以及位置、蓝牙、启动参数等模拟接口自定义配置2018-08-06 19.21.53.gif

调试工具

配合模拟器,我们提供了定制化的 chrome devtool,在其基础上提供比如 axml 等扩展。默认展示的有:

  • AXML,基于小程序元素的 dom、css 调试
  • Console,运行日志、错误查看
  • Storage,缓存数据查看、编辑
  • Sources,源码查看、断点调试
  • Network,网络资源、请求查看
    undefined

调试面板

真机预览小程序时,可以通过右上角按钮打开调试面板img.png

点击开启调试后,在页面上会出现悬浮蓝色按钮调试面板。点击调试面板按钮,就可以看到调试面板了。img2.png

目前调试面板主要提供两个功能:

  • Log页签:显示打印日志(可按日志级别查看)
  • Alipay页签:可清除缓存

远程调试

在远程调试模式中,IDE和手机端建立起一个连接,在IDE端可以进行断点、运行时信息检查、Network/Storage信息查看和远程日志查看等。点此查看详情

原文: https://docs.alipay.com/mini/ide/debug