H5测试||fiddle的使用

╰+哭是因爲堅強的太久メ 2022-12-15 02:59 183阅读 0赞

在进行H5测试的过程中，我们常常会用的抓包工具，目前主流的抓包工具有fiddle、httpwatch、Charles、Wireshark等。那么这个工具在测试中有什么作用呢？怎么用呢？

## 抓包工具在测试中的作用 ##

**1，改数据**  
在H5测试过程中，我们需要测试不同数据（尤其是返回的数据值大及数据条数多）情况下对页面布局会不会产生影响。  
我们当然可以通过手工操作H5的方式来一条条的造数据，但是这样会很累也十分耗时间。这时候我们就可以通过抓包软件来截取该页面对应接口返回的数据，通过将其二次修改来修改数据，再利用抓包工具设置打开该接口对应的网页时显示自己为修改后的内容即可。  
**2，进一步找到Bug产生原因**  
测试小白在测试的过程中好不容易找到一个Bug, 但是却不知道这个Bug产生的原因来源前端还是后端。去问前辈时，常常会被问“你抓包了吗？”、“先抓包看看吧？”  
的确，通过抓包，查看其提交的数据及返回的数据，往往能精准快速的找到问题所在。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center]  
那么抓包工具怎么用呢？因为我常用的抓包工具是fiddle，所以下面就给大家介绍一下这个软件在H5测试中的简单使用教程。

## 抓包工具在测试中的使用（Fiddle入门教程） ##

**1，准备工作：手机监听**  
1）下载fiddle（建议在官网下载噢~）  
官网下载网址：https://www.telerik.com/download/fiddler-everywhere  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 1]

2）手机和电脑在同一局域网下（连接同一个WiFi）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 2]  
3）手机配置HTTP代理  
要求服务器IP设置成电脑IP，端口号与fiddle设置的同。具体操作如下：  
a 获取电脑IP地址  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 3]  
b 获取fiddle上当前设置的端口号  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 4]  
c 配置手机代理  
点击进入手机当前连接的WiFi的详情页->代理->选择手动配置->输入主机名及端口号（其中主机号是电脑的IP地址，端口号是fiddle当前设置的端口号）->保存  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 5]  
这样，抓包工具就能对手机进行抓包了。但是我们往往要抓取的仅仅是某个域名下的数据。这时候就少不了要使用fiddle的抓包过滤器来进行过滤了。

**2，抓包过滤器使用**  
1）域名过滤  
选择Filters->勾选Use Filters->将下拉框“No Host Filter” 选择为“Show only the following Hosts”->在输入框中输入要过滤出来的主机名，有多个主机名可以用 “ ；” 隔开  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 6]  
过滤结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 7]

2）进程过滤  
为了不和域名过滤器有所冲突，先把进程的过滤关闭。  
选择要展示的进程网络包及要展示和隐藏的URL->分辨浏览器和非浏览器的进程过滤（默认是全部，可以选择浏览器，也可以选择非浏览器）  
例如手机抓包：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 8]  
H5测试中一般用的是域名过滤。  
过滤完成后，我们就可以轻松拿到对应接口提交的数据 or 返回的数据了。接下来就是怎么通过fiddle来进行健壮性测试了（其实就是针对某个请求伪造回复，看看在数据变化的时候对页面布局等有没有影响）。

**3，改数据（修改请求参数和响应参数）**  
1）修改返回的数据（响应参数）  
a 保存待修改的文件。选中待测域名->鼠标右键->保存->Response->Response Body…  
![在这里插入图片描述][20201015223741369.png_pic_center]  
b 将刚刚保存的文件里面的数据进行二次修改并保存（可以借助json格式化工具进行格式化，这样修改起来更简单）

c Fiddler-自动回复（Autoresponder）：  
c-1 对应域名不带参数时（post方法发送请求）  
格式：EXACT:\[网址\]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 9]  
c-2 对应域名带参数时（get方法发送请求）  
格式：Regex:(inx)^ \[网址(问号前)\].+  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 10]  
d 如上图，用修改后的文件伪造回复。

e 点击保存按钮-> 退出再进入该页面，便会发现伪造回复成功。

2）修改提交的数据（请求参数）  
a 选中要修改参数的网址->鼠标单击右键->replay->reissue and edit  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 11]  
b 这时候就会发现请求参数可以编辑  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 12]  
c 此时，在不违返该接口的返回参数的规则要求下可以进行修改请求的参数。改完后点“Run to completion”继续响应，即可提交请求成功  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 13]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/8851c3e71a8741b3bddb3387b9639924.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/0d5fe63e3d1a42be83d618ca03c5d063.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/e5bd859b63d943deae1794388c6bb640.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/1697a230237948dd90409745beba3634.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/68c3e8e162604b8faa2933654e703211.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221123/0fc39bc1a59644fb99f9d774abd2bca4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221123/77d4cdabb86a4b78bd2665b36e57fb00.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221123/5314cb5e7edf402c8fa90ea8229e36a2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221123/9a59c9c78b974786b29a092676568d22.png
[20201015223741369.png_pic_center]: /images/20221123/a5466dff7529438eb99eef6e2703345d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221123/0f5a6113bbcb4d029a201dadba62e98b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221123/1fd3d820475d434b83b859933113ac9c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221123/39efb7e6cde047baa871fe024f2078d2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221123/27aeebdc09344a8bb113de3fb5baaca7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221123/39c6b9c0ac474bc9982304d5d0021f62.png