您可以在IE的調試器監視窗口中看到JavaScript方法嗎？

Question

是否可以在IE開發人員工具欄的監視窗口中查看已定義的方法？

例如

如果我將名為hello的函數定義為全局函數，是否可以通過查看DOM來找到它？

function hello() {
    alert("hello");
}

如果是這樣，我會在監視窗口的附近找到它們嗎？ 如果我“觀察”窗口對象，然后導航至“方法”，則只能看到內置方法，而不是新函數hello（）。

---

編輯：

我問的原因是，我有許多深度嵌套的框架集*，我需要從層次結構中的各個層次訪問JS方法。 因此，我不必手動尋找想要的層次結構中的哪個層次，而是希望能夠“瀏覽”它。

我上面的問題更多是一個一般性的問題，因為我很感興趣是否可以使用調試工具瀏覽方法（實際上，它不一定是IE開發人員工具欄-但在我的上下文中會有所幫助）。

*我以為最好在引發主題外話題之前提一下我對框架集的看法。 在這里，我將不對框架集做進一步的詳細介紹-我知道這很丑陋-但它是舊代碼，我別無選擇:-(

Answer 1

我建議您使用Chrome （帶有預裝的開發者工具 ）或Firefox和Firebug 。 這些工具比IE Developer Toolbar更好。 我相信他們可以滿足您的需求。

如果您真的沒有IE開發人員工具，如果您至少擁有IE8，則可以嘗試添加“ hello”手表。

Answer 2

在IE開發人員工具欄中，您不能。 但是，使用IE 8的開發人員工具可以。 只要確保選擇正確的html或JS文件（已將新功能放入其中）即可。使用調用堆棧查看在何處調用了方法。

編輯：IEInspector使得DomInspector（DI）不是IE開發者工具欄。

Answer 3

盡管我不確定這是否是您問題的答案，但是如果您想查看與頁面關聯的javascript，則可以使用開發人員工具來完成。

在IE中按F12鍵打開工具窗口。

現在，選擇“腳本”選項卡（按鈕）。

在該標簽上，您會看到一個下拉列表，列出了每個鏈接的javascript文件。 例如，在www.google.com主頁上，基本上沒有任何顯示，我看到了4個文件（下拉列表），外加一個寫着：“其他”上帶有“ about：none”的文件。

在我的示例中使用了IE8。

看到更多我認為有用的東西還有另一種可能性。 http://ajax.dynatrace.com/ajax/en/

為此，我的來源值得贊揚。

這是John Resig在此替代方法上的博客： http : //ejohn.org/blog/deep-tracing-of-internet-explorer/