本篇就是Charles修改数据操作步骤，相比较fiddler，Charles相对简单，便捷，我很喜欢。

01 背景

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

正常

异常

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

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

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

03 再次刷新页面，

第一次断电截取的接口是对参数进行修改

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

04 Charles会再次截取该接口，

第二次截取可进行修改返回接口

此时，将你准备好的特殊字符植入Na3Ti2(PO4)3

05 点击Execute，

页面就显示你想要的数据了

06 注意点

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

感谢每一个认真阅读我文章的人，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走：

这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你!有需要的小伙伴可以点击下方小卡片领取