跟蹤javascript請求到其原始代碼

Question

我有一個巨大的JavaScript代碼，發送POST和GET請求到API使用jQuery，我感興趣的特定POST請求，我想跟蹤其響應，但無法找到由於請求是動態生成的，因此負責它的代碼。

有沒有插件或方法，讓我找到發送特定請求的代碼行/部分？

Answer 1

對於任何請求，都有請求URL。如果請求僅從一個文件發送，則通過按F12從Chrome瀏覽器獲取請求URL，然後轉至Network選項卡，該選項卡顯示從該頁面從瀏覽器發送的所有請求URL。如果您的網絡選項卡爲空，請按照原樣打開網絡選項卡，然後按F5刷新頁面並查看所有請求。點擊您感興趣的網址，顯示新的選項。如果未選擇，選擇標題，然後複製整個Request URL並在文件中搜索，否則選擇一些零件或網址，然後搜索。

Answer 2

如果您在瀏覽器上運行您的代碼。 有很多方法可以監視從瀏覽器中傳出的所有請求。 只需搜索 Chrome開發人員工具欄（Chrome瀏覽器中的內置工具）或Firefox開發人員工具（Firefox上的內置工具，快捷鍵爲Ctrl + Shift + q）或firebug第三方插件firefox（功能最強大在我看來）

只是去網絡選項卡（所有這三個有類似的結構，並有一個網絡選項卡）。您可以在那裏監控從您的瀏覽器中獲取的請求。

在firebug（我用於我自己），你可以過濾請求，他們返回類型等，你可以很容易地看到他們的請求標頭，響應，緩存和餅乾。