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

相關問題