上一篇大数据测试：Fiddler修改响应数据-CSDN博客  ，有同学反馈有没有Charles的方式修改响应数据，本篇就是Charles修改数据操作步骤，相比较fiddler，Charles相对简单，便捷，我很喜欢

1、背景：

有时候页面渲染一些特殊化学式的时候，往往会出现html代码的问题，如：Na3Ti2(PO4)3

正常：

异常：

这类数据在测试环境没有，需要通过人工来造，因为要进行前端渲染，又不能通过直接f12来改，所以想到用Charles进行拦截来修改。

2、首先通过Charles 找到对应的接口

右击下拉中选中Breakpoints（断点），这样就可以对该接口进行参数和响应的修改

3、再次刷新页面，第一次断电截取的接口是对参数进行修改

不需要修改可以执行点击 Execute

4、Charles会再次截取该接口，第二次截取可进行修改返回接口

此时，将你准备好的特殊字符植入Na<Sub>3</Sub>Ti<Sub>2</Sub>(PO<Sub>4</Sub>)<Sub>3</Sub>

5、点击Execute，页面就显示你想要的数据了

6、注意点

大多数网站对接口都会有超时机制，所以你要了解到你的网站多久超时，如8s超时，那么你要在8s内完成你的修改操作，不然你修改完前端已经显示异常