我们有什么方法可以修改Chrome网络标签中的Json数据并查看网页中的更改吗?

时间:2017-05-16 10:55:39

标签: debugging google-chrome-devtools

网页模板通过我们从端点获取的一些json数据加载数据。 我有一个Rest Api和一个Angular Front端。 Angular应用程序从我们可以在Chrome开发者工具的“网络”选项卡中看到的其余api中填入的数据填充模板。

我们是否可以修改“网络”选项卡中的“休息”数据,并查看网页中发生的更改。 这甚至是可能的,这可能听起来是一个愚蠢的问题,但我想如果后端和前端团队之间没有太多的互动,这可能是一个非常特殊的工具。

我不太确定我是否能够正确解释它,但这是我能编辑的最好请跟我一起感谢

“网络”选项卡中的数据类型的屏幕截图。 Sample Data Network Tab

2 个答案:

答案 0 :(得分:0)

Chrome的网络标签无法实现。您必须使用BurpSuite作为默认情况下在Kali linux中可用的示例。有了它,您可以拦截http请求和响应并修改它的有效负载。 你可以从这里得到它:https://portswigger.net/burp/

答案 1 :(得分:0)

不,您无法像其他来源一样修改XHR数据。我所做的只是将文件复制到我的本地驱动器并暂时修改它的来源。我使用Postman来测试来自API的响应,它非常棒。

我不得不说我有点害怕你。从客户端使用来自外部api的服务并不是一个好主意。您的API密钥和密码是否在某个客户端代码中悬空?