小程序开发调试指南

调试指南

一、Vconsole

一些线上问题需要在真机中进行调试或日志输出,为方便查看前端日志的输出,App 端提供了调试模式, 打开调试模式后面板界面中会显示 vConsole 按钮,点击后可打开手机端 vConsole界面查看日志输出。

1.如何开启

  • 点击小程序右上角胶囊 三个点。 点击打开调试即可打开Vconsole。

2.性能分析工具

  • 您可通过分析工具从宏观角度上查看小程序的运行性能,结合对应维度的数值判断性能优化点,进行优化。
  • 注意: 基础库版本需大于 2.11.0
  • 性能维度应结合对应机器设备的硬件性能进行判断。
打开方式:
  • 点击胶囊 三个点。 打开调试 - 点击 vConsole - 点击 【Perf】- 切换到性能工具启动页。

  • Toggle Log:用于切换是否接受逻辑层 console 日志信息,建议在进行性能数据采集前进行关闭,避免 console.log 日志数据干扰性能指标
  • Open FPS monitor:打开 FPS 监控, 打开后点击【性能监控图】可切换指标维度,拖动【性能监控图】可移动位置。

FPS:视图每秒渲染帧数

数据越高越流畅,反之。

  • 60~50 区间 - 优秀
  • 50~40 - 良好
  • 40~ - 待改进
MS:每帧渲染消耗的时间
  • 每帧消耗的时间(单位 ms),数值越高 FPS 越低,反之。
MT:逻辑层通信到视图层消耗时间

一次逻辑层消息成功发送到视图层所消耗的时间 (单位 ms)数值越高交互反馈越慢,反之。 小程序双线程模式逻辑层与视图层的通信,通信数据均需要进行序列劣化与反序列化,当数据量越大则消耗的时间越高。

  • 通信时间:应维持在 100ms 以下,根据机器的性能结合 FPS 性能维度进行判断。
  • 通信次数:不应出现连续的长时间的通信调用,持续的、大量的通信可能造成堵塞,影响交互反馈。
KB:逻辑层通信到视图层的数据大小

一次逻辑层消息成功发送到视图层数据的体积(单位 KB),数值越高交互反馈越慢,反之。 体积越大 MT 指标越高,应避免频繁、长时间的大数据传输。setData 使用 split path 进行数据根更新。

  • 通信体积:数据体积应维持在一个较低的值,避免长时间大数据传输。
  • 通信次数:不应出现连续的长时间的通信调用,持续的、大量的通信可能造成堵塞,影响交互反馈。

 

二、IDE 日志

  • 当IDE运行出现问题或者闪退时,请将IDE运行日志发送给智能小程序团队,以便协助排查。
  • 日志查看途径:顶部菜单栏 - Debug - 查看日志
    • 客户端:IDE的运行基础日志。
    • 真机调试:在真机调试过程中的IDE日志。当真机调试出现问题时上传此日志。
    • 插件:插件相关日志。

 

三、客户端日志

  • App 发生异常或闪退等问题,可上传日志帮助我们更好地定位和解决问题。

上传步骤:

  • 执行小程序运行出错的步骤 如App闪退,小程序API调用异常等。 记录执行的时间。
  • 打开 App 设置 - 关于 - 上传日志 -日志上传。
  • 将日志弹窗截图和异常触发时间记录后联系智能小程序团队。

四、常见问题(FAQ)

  • Q: 在开发的过程中配置将右上角胶囊隐藏了,还有别的方式打开调试吗?

    • 可通过 changeDebugMode来设置调试模式。 小程序原生开发使用ty.changeDebugMode
    • 需要注意,在上线时关闭。
    ty.changeDebugMode({isEnable: true,success: function () {console.log('success')},fail: function (e) {console.log('fail', e)}})

    changeDebugMode

    设置调试模式

    引入

    import { changeDebugMode } from '@ray-js/ray';

    需引入MiniKit,且在>=2.6.0版本才可使用

    参数

    Object object

    属性类型默认值必填说明
    isEnableboolean调试模式开关
    completefunction接口调用结束的回调函数(调用成功、失败都会执行)
    successfunction接口调用成功的回调函数
    failfunction接口调用失败的回调函数
  • Q: 为什么有的小程序长按没有打开调试的入口?

    • 目前仅预览版和体验版小程序支持打开调试功能,线上版本小程序不支持。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/784516.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

数字示波器

数字示波器 综述:本文讲述了数字示波器的电路组成。 一.定义 显示电信号波形的仪器 二.组成 由模拟前端处理电路、电源电路、单片机电路、控制电路、触发电路、校准电路组成。 1)模拟前端处理电路 将输入的模拟信号处理后传…

CAN(1) 入门介绍

1.基本概念 CAN 是控制器局域网络 (Controller Area Network) 的简称,它是由研发和生产汽车电子产品著称的德国 BOSCH 公司开发的,并最终成为国际标准(ISO11519以及ISO11898),是国际上应用最广泛的现场总线之一。 CAN 总线协议已经成为汽车计算机控制系…

OmniGraffle Pro for mac 出色的图形设计软件

OmniGraffle Pro是一款非常出色的图形设计软件,它主要适用于Mac和iPad平台,可以用来轻松绘制各种精美的图表、示意图和界面设计。 软件下载:OmniGraffle Pro for mac中文注册激活版 以下是OmniGraffle Pro的一些主要特点和功能: 界…

短剧猫H5页面html源码

短剧猫H5页面html源码,包含一个接口,像俩天块样式发送剧名回复网盘链接,文件上传解压就能用。 源码免费下载地址抄笔记 (chaobiji.cn)https://chaobiji.cn/

【IP组播】PIM-SM的RP、RPF校验

目录 一:PIM-SM的RP 原理概述 实验目的 实验内容 实验拓扑 1.基本配置 2.配置IGP 3.配置PIM-SM和静态RP 4.配置动态RP 5.配置Anycast RP 二: RPF校验 原理概述 实验目的 实验内容 实验拓扑 1.基本配置 2.配置IGP 3.配置PIM-DM 4.RPF校…

F280049的JTAG接口与仿真器XDS100V3六线解法,仿真器供电

虽然程序更新和调试主要用CAN、SCI接口加上二次bootloader以及上位机。但是仿真器在初期或者有时候,还是要用一用的。板子上尽量以最小空间留一个仿真器的接插件。 用低成本的仿真器XDS100V3,用六根线实现连接。有几点改动,在此记录下。 根据数据手册中…

SOC内部集成网络MAC外设+ PHY网络芯片方案:MII/RMII 接口与 MDIO 接口

一. 简介 本文来了解一下常用的一种网络硬件方案:SOC内部集成网络MAC外设 PHY网络芯片方案。 其中涉及的 MII接口,RMII接口(MII接口与RMII接口二选一),MDIO接口,RJ45。 二. MII/RMII 接口,M…

2024系统架构师---面向对象架构风格的概念与应用

面向对象架构风格是一种以对象为中心的软件设计和开发方法,强调数据(属性)和行为(方法)的封装、继承和多态。在面向对象架构中,系统被视为一组相互作用的对象集合,每个对象代表了现实世界中的实…

JavaWeb学习笔记01

一、教程简介 全新JAVAWEB(里程碑版) 一套更适合后端工程师学习的WEB教程 All in Java 1、后端 ① Spring全家桶及微服务框架 ② 高性能数据库和消息组件 ③ Web攻击防护安全控制手段 ④ 其他第三方SDK生态环境 ...... 2、前端 ① 视图三大件&…

【备忘录】Docker 2375远程端口安全漏洞解决

最近为了项目需要,把docker 的远程端口2375 给开放了。不出意外出意外了。没多久,网站报流量告警,第一反应就是开放2375这个端口问题导致,毫不迟疑直接切换服务器。关闭该台服务器的docker服务,并逐步清理掉挖矿进程&a…

存放自定义数据类型的大/小根堆定义

要将小于&#xff08;<&#xff09;运算符重载函数改为适用于小根堆&#xff08;即最小堆&#xff09;&#xff0c;您需要确保当传入对象的值小于当前对象的值时&#xff0c;函数返回true。这样&#xff0c;当您构建堆时&#xff0c;具有较小值的节点会被放置在较高的层次&a…

从0到1手把手撸码搭建后台管理系统

从0到1手把手撸码搭建后台管理系统 第一章:系统介绍开发目的与过程 要使用 Vue3 搭建后台&#xff0c;你可以按照以下步骤进行&#xff1a; 安装 Vue3&#xff1a;使用包管理工具&#xff08;如 npm 或 yarn&#xff09;安装 Vue3。选择构建工具&#xff1a;选择一个适合的构…

课时81:流程控制_循环控制_continue实践

1.4.3 continue实践 学习目标 这一节&#xff0c;我们从 基础知识、简单实践、小结 三个方面来学习。 基础知识 简介 continue命令是在处理过程中跳出循环的一种简单方法。可以使用continue命令跳出当前的循环直接进入到下一个循环&#xff0c;包括for、while、until等。co…

Day35:学习尚上优选项目

学习计划&#xff1a;完成尚硅谷的尚上优选项目 学习进度&#xff1a;尚上优选项目 知识点&#xff1a; 四、 搭建平台管理端前端环境 权限管理模块-用户管理 开发为用户分配角色接口用户管理前端测试 权限管理模块-菜单管理 菜单管理需求菜单表设计开发菜单管理CRUD接口开…

给web开发零基础小白的简明入门教程

1.网页三大件&#xff1a;HTML、CSS、JS HTML&#xff08;HyperText Markup Language超文本标记语言&#xff09;&#xff1a;构成网页的结构&#xff0c;结构由元素&#xff08;标签&#xff09;组成。 CSS&#xff08;Cascading Style Sheets层叠样式表&#xff09;&#xf…

选择排序及其优化

目录 思想&#xff1a; 代码&#xff1a; 代码优化&#xff1a; 需要注意的特殊情况&#xff1a; 可能出现的所有特殊情况&#xff1a; 优化完成代码&#xff1a; 思想&#xff1a; 每一次遍历数组&#xff0c;选择出最大或最小的数&#xff0c;将其与数组末尾或首位进行…

springboot下

springboot 常用注解介绍 按需开启自动配置项特征介绍 自动配置原理 静态资源配置原理解析 rest风格请求映射 自定义入参的converter实现 springbootApplication启动流程 启动类 一些操作的赋值 启动器类型赋值 用加载器加载接口的实现类 刷新上下文

npm镜像源证书过期问题解决

title: npm镜像源证书过期 search: 2024-02-29 文章目录 Failed to check for updates 问题ERR_PNPM_NO_PKG_MANIFESTnpm缓存清除指令权限不足导致删除不了解决方案npm创建基础配资文件 Failed to check for updates 问题 错误描述如上 检查完 node,vue,npm 的版本后都没啥问…

css3之3D转换transform

css3之3D转换 一.特点二.坐标系三.3D移动&#xff08;translate3d)1.概念2.透视&#xff08;perpective)(近大远小&#xff09;&#xff08;写在父盒子上&#xff09; 四.3D旋转&#xff08;rotate3d)1.概念2.左手准则3.呈现&#xff08;transfrom-style)&#xff08;写父级盒子…

kali linux 解决无线驱动程序问题

Troubleshooting wireless driver issues in Linux can be a frustrating experience if you don’t know what to look for。 This article is meant to be used as a general guideline to better help you find the information you need to solve your wireless issues。 C…