百车网
百车网 > 新车 > 正文

一款功能齐全的客户端( iOS 、Android、小程序 )研发助手

导读: 

每一个稍微有点规模的 App,总会自带一些线下的测试功能代码,比如环境切换功能、帧率查看功能等等,这些功能的切换入口往往放在各式各样的入口中,比如一些特殊的手势,双击 statusBar,双击某一个功能区块,或者新建一个 keyWindow 始终至于 App 最上方等等,而且每一

每一个稍微有点规模的 App,总会自带一些线下的测试功能代码,比如环境切换功能、帧率查看功能等等,这些功能的切换入口往往放在各式各样的入口中,比如一些特殊的手势,双击 statusBar,双击某一个功能区块,或者新建一个 keyWindow 始终至于 App 最上方等等,而且每一个 App 里面的线下附带功能模块很多是相似的,比如帧率查看、内存和 CPU 监控等等,但是现在基本上都是每个 App 都是自己实现了一份,经历了以上的问题之后,此项目就有了它存在的意义。是一个功能集合面板,能够让每一个 App 快速接入一些常用的或者你没有实现的一些辅助开发工具、测试效率工具、视觉辅助工具,而且能够完美在面板中接入你已经实现的与业务紧密耦合的一些非通有的辅助工具,功能强大。

简单总结

1、能够快速让你的业务测试代码能够在这里统一管理,统一收口;
2、内置很多常用的工具,避免重复实现,一次接入,你将会拥有强大的工具集合。

  • 资源地址在文章尾部↓↓↓↓↓↓↓
  • 效果演示

    功能模块

    一、常用工具

    1. 【App 信息查看】 快速查看手机信息,App 信息,权限信息的渠道,避免去手机设置查找或者查看项目源代码的麻烦;
    2. 【沙盒浏览】 App 内部文件浏览的功能,支持删除和预览, 并且能通过 AirDrop 或者其他分享方式上传到 PC 中,进行更加细致的操作;
    3. 【MockGPS】 App 能定位到全国各地,支持地图地位和手动输入经纬度;
    4. 【H5任意门】 开发测试同学可以快速输入 H5 页面地址,查看该页面效果;
    5. 【Crash查看】 方便本地打印出出现 Crash 的堆栈;
    6. 【子线程UI】 快速定位哪一些 UI 操作在非主线程中进行渲染,避免不必要的问题;(iOS独有)
    7. 【清除本地数据】 一键删除沙盒中所有数据;
    8. 【NSLog】 把所有 NSLog 信息打印到UI界面,避免没有开发证书无法调式的尴尬;
    9. 【Lumberjack】 每一条 CocoaLumberjack 的日志信息,都在在 App 的界面中显示出来,再也不需要导出日志这么麻烦;(iOS独有)
    10. 【DBView】 通过网页方便快捷的操作应用内数据库,让数据库的调试变得非常优雅;
    11. 【模拟弱网】 限制网速,模拟弱网环境下App的运行情况。(android独有)

    二、性能检测

    1. 【帧率】 App 帧率信息提供波形图查看功能,让帧率监控的趋势更加明显;
    2. 【CPU】 App CPU 使用率信息提供波形图查看功能,让 CPU 监控的趋势更加形象;
    3. 【内存】 App 内存使用量信息提供波形图查看功能,让内存监控的趋势更加鲜明;
    4. 【流量】 拦截 App 内部流量信息,提供波形图展示、流量概要展示、流量列表展示、流量筛选、流量详情,对流量信息统一拦截,成为我们 App 中自带的 “Charles”;
    5. 【卡顿】 锁定 App 出现卡顿的时刻,打印出对应的代码调用堆栈;
    6. 【大图检测】 通过流量监测,找出所有的大小超标的图片,避免下载大图造成的流量浪费和渲染大图带来的CPU消耗。
    7. 【自定义】 可以选择你要监控的选项,包括 FPS、CPU、内存、流量。监控完毕之后,把数据保存到本地,按照页面进行维度进行分析;
    8. 【启动耗时】 无侵入的统计出App启动过程的总共耗时;
    9. 【UI层级检查】 检查出每一个页面中层级最深的元素;
    10. 【函数耗时】 从函数级别分析app性能瓶颈;
    11. 【Load】 找出所有的Load方法,并给出耗时分析;(iOS独有)
    12. 【内存泄漏】 找出App中所有的内存泄漏的问题。

    三、视觉工具

    1. 【颜色吸管】 方便设计师 UI 捉虫的时候,查看每一个组件的颜色值是否设置正确;
    2. 【组件检查】 可以抓取任意一个UI控件,查看它们的详细信息,包括控件名称、控件位置、背景色、字体颜色、字体大小;
    3. 【对齐标尺】 参考 Android 系统自带测试工具,能够实时捕获屏幕坐标,并且可以查看组件是否对齐;
    4. 【元素边框线】 绘制出每一个 UI 组件的边框,对于组件布局有一定的参考意义。

    四、Weex专项工具(CML专项工具)

    1. 【console日志查看】 方便在端上查看每一个Weex文件中的console日志,提供分级和搜索功能;
    2. 【storage缓存查看】 将Weex中的storage模块的本地缓存数据可视化展示;
    3. 【容器信息】 查看每一个打开的Weex页面的基本信息和性能数据;
    4. 【DevTool】 快速开启Weex DevTool的扫码入口。

    获取方式

    关注+转发+私信“助手”,自动发送资源地址

    (温馨提示:先关注,然后转发,然后私信引号内的关键字)