使用开发者工具,连接局域网,对百度 APP 中的小程序进行调试,帮助开发者快速调试、查找小程序在百度 APP 客户端中存在的问题。
网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、微信小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了大通免费建站欢迎大家使用!
温馨提示:请在调试过程中,尽量保持手机处于亮屏状态。
打开开发者工具,单击工具栏上的“远程调试”按钮。
使用百度 APP 客户端扫码,打开远程调试窗口。
远程调试窗口包括:页面视图、调试器视图和信息球。
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。内容未经允许不得转载,或转载时需注明来源: 创新互联