JS/web調試器跟蹤HTTP請求的來源？

我正在尋找一個可以在瀏覽器中運行的工具（任何瀏覽器都會這樣做），並向我展示每個請求源（HTML源文件和行，Javascript或其他）的位置。JS/web調試器跟蹤HTTP請求的來源？

有點背景。有一個第三方Web應用程序可以直接訪問，也可以通過內容修改代理訪問。在前一種情況下它起作用，而後者則不起作用。我的任務是弄清楚爲什麼代理會中斷應用程序，並解決存在的任何問題（通常，代理應該只進行不影響功能的修改）。

我已將其縮小爲單個HTTP請求。當直接訪問時，瀏覽器向一個特定地址發出GET，例如http://example.com/foobar.html。當通過代理訪問時，沒有這樣的請求。這foobar.html包含應用程序的重要組成部分，所以它不會沒有它的功能。假設代理破壞了一些應該發出這個請求的代碼。問題是我找不到這個代碼，所以無法弄清楚究竟是什麼壞了。沒有什麼東西看起來像整個應用程序中的foobar。

有問題的應用是模糊JavaScript的混亂，產生其他avascript和/或HTML可能包含更多的JavaScript等一起，它可能產生的路上，一塊一塊的某處，一些iframe src=...或通過document.write什麼的，這大量的HTML引用所需的http://example.com/foobar.html。

所以我需要的是能夠告訴瀏覽器：「看到這個地址，http://example.com/foobar.html？每當有這個地址的請求，停下來告訴我你在做什麼！」希望這可以讓我縮小搜索範圍。

我在firebug或venkman中找不到這樣的功能。我錯過了什麼嗎？有沒有其他工具可以讓我做到這一點？

我看到有問題的請求頭Referer，但引用文件非常大並且被混淆。到目前爲止，我無法從中做出任何有意義的事情。

來源

2011-11-29 n.m.

不知道它是否會爲你工作，但你可以給一個嘗試的HttpFox Firefox擴展：https://addons.mozilla.org/it/firefox/ addon/httpfox/- http://code.google.com/p/httpfox/ – AsTheWormTurns

我會嘗試，但它看起來不像它可以播種請求和引用它的引用者的DOM元素之間的鏈接。 –

螢火那麼網絡選項...

來源

2011-11-29 19:18:45 powtac

我可以在網絡標籤中看到有問題的請求，但是我怎麼從那裏回到導致它的DOM或JS？ –

@ n.m。我不確定是否有__any__ Extension/Something來顯示！我瞭解你的要求。 – powtac

最後，我發現這個錯誤要感謝Firebug，而不是Network選項卡，但是看着錯誤控制檯並比較了javascript錯誤和警告。但它仍然是螢火蟲，所以我接受你的答案。 –

Fiddler - 它允許查看和搜索HTTP會話。確保在搜索時解碼會話。

來源

2011-11-29 19:16:34 Madd0g

我正在看錄製的Fiddler會話。我可以清楚地看到請求和它的Referer頭文件。但是，引用者的哪一部分呢？ –

你說你需要找到生成foobar.html調用的代碼 - 只需在fiddler的會話列表中搜索foobar.html並按照代碼進行操作即可。你所要求的東西不存在 - 沒有可以連接html元素和http請求的工具，這是狂野的西部，這樣的工具必須具有如此的容錯能力，以至於不切實際。 – Madd0g

會話中沒有任何內容，請求是在JS中生成的。代碼被混淆並且幾乎不可能遵循。我不太瞭解不切實際的說法。 –

JS/web調試器跟蹤HTTP請求的來源？

回答

相關問題