0

在没有安装任何插件的情况下从Chrome开发工具中的请求主体中提取JSON的最简单方法是什么?我可以在网络选项卡中看到&响应请求,但是如何从请求主体提取JSON。在没有任何插件的情况下在chrome开发工具中从POST请求中提取请求主体的最简单方法

我所期待:在Chrome中,开发工具栏下,当你检查的要求,你看表单数据。在此之下,有一个查看源代码按钮。这有url编码形式的数据。如果我们可以将其解码为JSON并在控制台上打印字符串化结果。

+0

可能通过devtools进行半自动化 - for-devtools,但是你有首先测试的演示网址吗? – wOxxOm

+0

@wOxxOm我没有一个演示URL :( – OpenStack

+0

那么,试试吧:[打开devtools-for-devtools](https://stackoverflow.com/a/41202159/3959875)并在控制台中运行一些类似于' UI.panels.network._networkLogView._dataGrid._rootNode._flatNodes.map(n =>新的''URLSearchParams(n._request._parsedURL.queryParams).get('_'))' – wOxxOm

回答

1

你可以点击“网络”标签,这会显示你的所有请求和他们的回应。点击一个,然后点击“标题”标签。向下滚动,直到看到“表单数据”,然后可以从那里复制并粘贴信息。

如果这是一个ajax调用,您可以使用“Sources”标签查找AJAX请求所在的客户端脚本部分,然后可以放置一个中断点。一旦你到达了中断点,你可以使用“控制台”标签来“嗅探”即将获得你想要的信息的xhr请求console.log(myXhrRequest)

+0

我知道我可以看到请求和响应网络选项卡问题是我怎样才能提取在请求正文中发送的JSON复制粘贴可能容易出错,并且在请求主体具有复杂对象的情况下可能会有很多工作,我知道如何手动获取数据但我认为应该有一个更简单的方法来获得所需的结果 – OpenStack

+0

纠正我如果我错了。使用'source'选项卡只有在代码未被缩小时才有效。 – OpenStack

+0

您错了,您可以使用source选项卡查看缩小的客户端脚本。要弄清楚代码在做什么会让你更难。 minified JS和常规javascript之间没有功能差异。 Minified JS只是一个混淆版本,通过删除长变量名称和不必要的空白占用更少的空间。 – MBurnham

相关问题