devtools调试插件

针对采用优化方案的项目,我们在小程序开发者工具的devtools中定制了配套的调试插件,协助项目的调试开发和性能优化。

插件具有版本概念,与当前项目所采用的engine版本相匹配。首次加载某一版本的插件时,需要下载相关资源,会出现请等待提示。

目前该插件提供两个功能模块:1. Loader - 资源加载分析 2. Inspector - 运行时节点树信息查看

Loader

Loader

Loader分为上下两部分

  1. 上半部分展示下载任务的时序图排布和任务列表。时序图可以拖动缩放到具体时间段,点击任务列表中的某一项可以查看到更具体的信息 Loader2
  2. 资源组信息将会以列表展示各个资源组的状态,缓存结果,关联文件,时序图等。 Loader3

Loader可以创建多个不同时刻的实例,以对比不同时刻的信息差异,优化资源加载性能

Inspector

Inspector

Inspector为左右布局。

左侧以树状结构展示当前场景中的所有节点,包含3d节点和2d节点,同时可以在顶部的搜索框中快速查找目标节点。

右侧为当前选中节点的信息审查面板,包含节点的名称,状态以及其所关联的components信息。这里所支持展示的component类型基本与方案工具中的属性检查器保持一致。