百度智能小程序 远程调试

远程调试

使用开发者工具，连接局域网，对百度 APP 中的小程序进行调试，帮助开发者快速调试、查找小程序在百度 APP 客户端中存在的问题。

前提条件

1. 基础库版本在 2.0.53 及以上；
2. 开发者工具和百度 APP 客户端在同一局域网内；
3. 百度 APP 客户端的登录用户和开发者工具的登录用户是当前 appid（智能小程序 ID）的开发者。

温馨提示: 请在调试过程中，尽量保持手机处于亮屏状态

调试步骤

1. 打开开发者工具，单击工具栏上的“远程调试”按钮。
2. 使用百度 APP 客户端扫码，打开远程调试窗口。
3. 远程调试窗口包括：页面视图、调试器视图和信息球。
   3.1 页面视图：远程调试工具的页面视图和客户端中的页面视图保持同步，展示了小程序页面的运行情况。
   注: 远程调试工具端的镜像视图不支持 TabBar 等 NA 组件

   1. 刷新按钮：修改代码后，点击刷新按钮使百度 APP 客户端获得最新的开发代码，无需重新扫码打开远程调试窗口，实现静默刷新;
   2. 结束调试按钮：点击顶部的结束调试按钮，结束远程调试.

   
   3.2 调试器：调试器在小程序的调试中起到了非常重要的作用：

   1. 在调试器的 console 面板中，开发者可以调试代码、查看小程序输出信息;
   2. 在调试器的 source 面板中，可以查看源代码，进行断点调试;
   3. 在调试器的 network 面板中，可以查看小程序发出的网络请求。

   
   3.3 信息球：时展示了百度 APP 客户端和远程调试窗口之间的信息传输延时：

   1. 将鼠标放到信息球上，会出现客户端的基本信息，包括手机型号、运行系统、百度 APP 版本、基础库版本、往返耗时、连接方式、连接状态。
   2. 信息球的延迟越小，远程调试窗口和百度 APP 客户端的通信越流畅：当延时小于 50 时，信息球的颜色为绿色;当延时大于 50 小于 100 时，信息球的颜色变成橙色;当延时大于 100 时，信息球的颜色变为红色。

   1. 信息球的位置可以拖拽变化：
      
   2. 手机端显示：