# devtools调试插件
针对采用优化方案的项目,我们在小程序开发者工具的devtools中定制了配套的调试插件,协助项目的调试开发和性能优化。
插件具有版本概念,与当前项目所采用的engine版本相匹配。首次加载某一版本的插件时,需要下载相关资源,会出现请等待提示。
目前该插件提供两个功能模块:1. Loader - 资源加载分析 2. Inspector - 运行时节点树信息查看
# Loader
Loader分为上下两部分
- 上半部分展示下载任务的时序图排布和任务列表。时序图可以拖动缩放到具体时间段,点击任务列表中的某一项可以查看到更具体的信息
- 资源组信息将会以列表展示各个资源组的状态,缓存结果,关联文件,时序图等。
Loader可以创建多个不同时刻的实例,以对比不同时刻的信息差异,优化资源加载性能
# Inspector
Inspector为左右布局。
左侧以树状结构展示当前场景中的所有节点,包含3d节点和2d节点,同时可以在顶部的搜索框中快速查找目标节点。
右侧为当前选中节点的信息审查面板,包含节点的名称,状态以及其所关联的components信息。这里所支持展示的component类型基本与方案工具中的属性检查器保持一致。