Weex Analyzer
是一款运行在手机客户端上辅助开发者进行weex开发的小工具。
接入此工具后,开发者可以在debug包中通过摇一摇打开功能选项。目前实现的功能有:
debugCompile 'com.taobao.android:weex_analyzer:${latest version}'
具体请参考commons
module下WXAnalyzerDelegate
、AbstractWeexActivity
.
adb shell input keyevent KEYCODE_MENU
每一个weex页面都有若干性能相关的指标,比如首屏渲染时间、js下载时间、sdk初始化时间等,这些指标对用户体验有着直接的影响,因而我们很有必要去关注它们。weex-analyzer
提供了图形化的方式观测这些指标。
打开【weex性能指标】选项,【current performance】用于观察这一次页面打开过程中的性能指标,【history performance】记录最近若干次(max=6)打开此页面的指标变化趋势。
每一个weex页面最终都会被渲染成native view
,与传统android应用一样,weex页面也会出现内存泄露、内存抖动、oom等问题。因而我们也需要关注内存变化趋势。打开【内存】选项,即可看到当前app实时内存变化趋势(与android studio memory monitor
类似)。默认每秒采样一次。
与【内存】选项类似,【cpu】选项中可以实时显示cpu使用率。这里的cpu取值为当前app CPU 在user mode与kernel mode下的使用率之和。
与【内存】选项类似,【fps】选项中可以实时显示fps值。
可以实时查看weex storage存储状态。单击可以查看value详情,长按可以删除k-v。
以3d形式展示当前weex视图状态,可拖拽、缩放。
类似android logcat. 实时展示开发日志。支持日志分级、搜索。另外提供了默认的过滤关键字,比如js log
、callNative
等。
日志以悬浮窗形式展示,可拖拽,可调整大小。
首先需要集成weex dev tool。
操作步骤:
weex debug
,打开调试服务器(会在浏览器上打开一个页面)。此功能方便没有集成【扫一扫】功能的app,或者是无法使用【扫一扫】的场景(如模拟器)。
点击【渲染性能分析】按钮,即可开启。
注:
点击任意元素,查看其视觉样式。