调试组件（干货）

      工欲善其事，必先利其器，调试组件就是提高测试效率的一大利器，业界有很多出名的开发调试工具，如滴滴的DoraemonKit，既然已经有大佬们做好的开源库，那么我们就拿来用，顺便再加上自己公司项目的一些调试工具，接下来会大概介绍下各种调试功能，但不会介绍源码及如何新增自定义调试工具，本文还是以意识、思考角度出发去拓展视野，可以看思想扩展

常用工具

常用工具

App信息：可以查看手机信息、app信息、权限等

沙盒浏览：这个功能可以让你直接浏览沙盒的数据，比如你要查看某个数据时，可以直接浏览，超级方便

输入打印日志：查看log日志

还有清除本地数据、2、3D查看等

思想拓展

我们自己的业务有哪些可以需要调试的呢？

举例：

1. 当前页面控制器

2. 查看数据上报（广告、BI）

3.统一跳转

4.push监测（我们自己还做了个push的app，可以直接推送公司所有的app，不用经过服务端）

5.模拟定位，可以模拟到北京甚至国外

6.模拟4g，测试环境用4g网络

7.我举了这么多，排到你了

H5工具

网页调试组件

H5网页助手：输入链接快速跳转到该页面

H5离线模块：我司有做离线缓存技术方案，这个用来查看离线一些数据调试信息

H5拦截查看：也是H5离线模块网页拦截匹配的查看

思想拓展

网页还有哪些需要调试工具？

举例

1. 当前网页的链接

2.当前网页的UA

3.甚至是看源码、js、css等，把Safari工具搬进来？

4.还有吗？欢迎补充

性能检测

性能检测调试工具列表

帧率、CPU、内存、流量、卡顿、非主线程UI检查

思想拓展

电量？内存泄漏？

视觉工具

UI调试

颜色吸管、组件检查、对齐标尺、元素边框线：这些基本都是跟UI相关的调试工具

思想拓展

举例：

1. 平时测试工程师看到图片变形的时候，老是来跟你说图片变形了要你看一下，但很多时候是图片源的问题，这样一来一回就浪费了很多时间，那我们是不是可以加个图片查看工具，比如长按图片就显示图片的尺寸，还有图片控件的尺寸，甚至图片的url这些，有这些信息，那就方便确定问题了不是吗

2. 当你拿着一台大屏机的时候，比如iphone X，你想看小屏机假设5S的UI，那么我们可以拿一台5S的手机来build一下，有个缺点，项目大的时候，有可能要build很久哦，如果你没有5S的真机，那你可能想用5S的模拟器来运行，模拟器往往有俩个问题，第一是编译时间长，第二是项目有时候模拟器不支持，比如一些第三库不支持，累不累啊，我就想看看这一行UI效果而已，浪费大量的时间，烦死了！换个角度想想，那我们能不能把大屏机的屏幕宽高、window的尺寸改小呢，这样不就达到了小屏机适配？这里给一个粗糙的图给大家看看

3. 还有很多啦~比如UI有问题，截屏时自动弹窗提交jira问题，生成UI缺陷，自己动脑脑~

      说了那么多，最重要的还是个人的意识，思考角度要宽广些，如果你一时想不出来，那可以先找到问题点痛点，哪个地方让你觉得烦，很不爽，那么它就有优化点可能性，感谢观看～