需要测试前端的现实功能，如果tab中的选项很多，预期的结果是会出现“展开”和“收起”按钮，但是本账号的测试数据不够，去修改数据库也很麻烦，而且不一定有权限，这时候我们就需要修改后端传过来的数据，增加更多的数据来测试前端的显示功能。（现在只有EN5测试小分队 和 hamburger的后花园1 两个数据）
然后用f12查看接口信息（部分笔记本是fn+F12,键盘则只需要点击F12，ranh），找到要修改的数据所在的包，可以根据界面信息来找，如我要修改的接口数据包括EN5测试小分队和hamburger的后花园1，所以一下子就能找到是这个包。
查看这个包的链接，可以点击Headers查看，如下图
然后复制链接（注意不需要复制时间戳，就是如上图中的长长的红框里面的就行，后面的×.....之后的就不需要复制了）。
然后打开fiddler软件，在下方的长输入框中输入 bpu +上面复制下来的链接。如下图
点击回车，然后再去刷新一下网页界面。此时后台返回的数据先是到了fiddler，然后前端显示的是空的界面。
此时，数据先跑到了fiddler中，有个红色符号 T 表明已经抓到数据。如下图
点击这个数据包，然后就能在右边对数据包进行操作。
点击下图框中的按钮，可以进行断点修改。
点击TextView，可以显示这个数据包中的数据。
此时就可以对数据进行更改了，可以复制其中一个数据，然后粘贴很多个，稍微改一下里面的id或者名称。
粘贴更改
点击继续，就能将修改后的数据包传到前端，测试前端的显示效果。
以上就是抓包改包的全部过程了，可以看到我们已经加了很多数据，而有很多数据的时候，前端自动生成一个“展开”和“收回”按钮，测试成功。
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
