快应用调试器功能使用说明

快应用调试器功能使用说明

1. 如何 WIFI 调试

确保手机与电脑处于同一局域网内。node

1.1 使用快应用 IDE 调试:

  • 点击 IDE 右上角二维码图标,使用手机快应用调试器扫描生成的二维码(二维码信息为本机 dev-server 地址,也可根据该地址用这个网站手动生成二维码)。

image.png

  • 若出现以下界面,请点击右上角 menuBar ,设置,删除服务器地址最后的 /bundle

image (1).png

21591791433_.pic.jpg

  • 点击右上角 menuBar ,打开调试模式,重启后打开 demo 即进入调试模式。此时点击右下角齿轮图标可打开手机控制台查看日志信息。
  • 关闭 demo ,打开快应用调试器,点击右下放开始调试,可进入远程调试,电脑浏览器会弹出调试界面,调试方式与调试 node.js 相似。可在 js 源码中使用 debugger 或在调试界面的 source 面板设置断点(可设置条件断点)。
  • 在下图位置 source 面板查看 demo 源码。

image (2).png

1.2 使用命令行调试:

  • 注意: 须要全局 joyful ,目前 joyful还未发布。
  • 项目根目录下 joy serve 或任意目录下 joy serve 项目根目录。

image (3).png

image (5).png

  • 打开快应用调试器,点击右上角 menuBar ,设置,服务器地址填上图所示本机 dev-server 地址,点击在线更新,进入 demo 界面。
  • 也可经过 dev-server 地址生成对应的二维码,使用扫码安装。
  • 也可经过 joy pack 生成 app.rpk,将该 rpk 发送到手机上,使用本地安装打开 demo。

2. 如何 USB 调试

方式一:

  • IDE打开项目,手机经过 USB 链接电脑,最好打开手机的 开发者模式,而且容许手机 USB调试
  • 确保 IDE 右上角的手机小图标处于绿色状态,表示电脑已经与手机进行 USB 数据链接了

USB 调试

  • 点击 IDE 右上角的 USB 调试 按钮,等待编译完成便可开始 USB 调试

方式二:

  • 项目根目录下 joy serve ,或者经过上面所说的扫 IDE 的二维码,确保手机调试器设置里面的服务器地址正确,点击开启 USB 调试的按钮,点击在线更新,最后点击开始调试。(此时仍然须要链接 WiFi)

image-20200610200218910.png

USB调试截图.jpg

3. Tips

  • 手动刷新调试界面后源码树就不显示源码了,此时请关闭 demo ,打开快应用调试器,点击开始调试从新进入。

image (4).png

  • 可在条件断点内进行简单的 js 操做。
  • 日志不会在电脑浏览器的控制台打印,可经过手机控制台或 adb 查看日志。
  • onLoad 回调内的断点不会命中,onLoad 回调中日志能输出。

Snip20200424_38.png

显示 调试器未链接 时,可能处在同一局域网可是没有打开手机调试器浏览器

  • 目前不支持调试分包的子包的页面