您可以在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/