创新互联百度小程序教程:远程调试

  • 远程调试
    • 前提条件
    • 调试步骤

    远程调试

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

    网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、微信小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了大通免费建站欢迎大家使用!

    前提条件

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

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

    调试步骤

    1. 打开开发者工具,单击工具栏上的“远程调试”按钮。

    2. 使用百度 APP 客户端扫码,打开远程调试窗口。

    3. 远程调试窗口包括:页面视图、调试器视图和信息球。
      3.1 页面视图:远程调试工具的页面视图和客户端中的页面视图保持同步,展示了小程序页面的运行情况。
      注:远程调试工具端的镜像视图不支持 TabBar 等 NA 组件。

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

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

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


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

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

      信息球的位置可以拖拽变化

      手机端显示

    本文题目:创新互联百度小程序教程:远程调试
    文章源于:http://www.shufengxianlan.com/qtweb/news36/492636.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联