软件测试 / 测试开发丨如何开始 webView 性能测试
获取更多相关知识
随着主流系统的服务化设计,特别是 SOA 架构和微服务架构的流行,接口已经成为各系统间通信的桥梁。所以,接口性能分析成为一大重点。
面向服务的架构(SOA)是一个组件模型,它将应用程序的不同功能单元(称为服务)进行拆分,并通过这些服务之间定义良好的接口和协议联系起来。接口是采用中立的方式进行定义的,它应该独立于实现服务的硬件平台、操作系统和编程语言。这使得构件在各种各样的系统中的服务可以以一种统一和通用的方式进行交互。后面也会有相关的文章更新。大家可以戳此关注哦~
代理及抓包工具简介
这里先简单的介绍一下代理工具。本小节只做简单介绍,主流的接口分析工具如下:
代理工具:charles burpsuite
抓包工具:tcpdump wireshark
代理工具以 Charles 为主,可以代理系统网络流量,并对数据进行分析与修改。
使用 tcpdump 和 wireshark 可以对数据进行抓取,但 tcpdump 没有 ui 界面,适用于无 UI 界面的操作系统,wireshark 存在界面。
webView 测试
webview 是手机应用内嵌的浏览器,在 Android 4.4 之前 webview 内核采用的是 webkit,Android 4.4 之后才用的是 chrome 作为内置浏览器。它是用来加载 HTML 的页面的控件。
很多移动端 app 都采用 webview。好处:不用升级 app 即可完成页面的内容更替。如果对 webview 页面进行性能测试,就需要全新的测试工具。本小节将采用 chrome 分析工具解析 webview 性能。
使用
chrome 自带的分析工具——开发者选项:
上图中的蓝色的线(左侧竖框内的竖线)表示 DOM 结构已经加载完完成了。红色的线(右侧竖框内的竖线)表示页面的渲染以及图片的加载完成。
而选中图中的 disable cache 则表示每次不加载缓存,从零开始载入缓存:
资源请求的详细信息花费时间:
Queueing 表示排队的时间
Stalled 则表示在队列中,停止请求丢弃的时间
而比较重要的是 waiting(TTFB)表示服务器接收到请求并响应的时间
content download 表示资源下载的时间
移动端可以通过在 chrome 中访问 chrome://inspect/ 来进行查看:
可查看 webview 需要具备:
手机存在 webview 或者手机的浏览器
需要开发人员打开一个 webview 调试开关或者使用 Android 6.0 模拟器
注意:chrome 62 版本之后布局可能错乱,建议使用 chrome 62
版权声明: 本文为 InfoQ 作者【测试人】的原创文章。
原文链接:【http://xie.infoq.cn/article/40611a5d1dce9936834d72174】。文章转载请联系作者。
评论