Question

是否可以在IE开发人员工具栏的监视窗口中查看已定义的方法？

e.g。

如果我将一个名为hello的函数定义为全局函数，我可以通过查看DOM找到它吗？

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

如果是这样的话，我会在观察窗口找到它们吗？如果我“观察”窗口对象然后导航到“方法”，我只能看到内置方法而不是我的新函数hello（）。

编辑：

我问的原因是，我有一些深层嵌套的框架集*，我需要从层次结构中的级别访问JS方法。因此，我不必手动寻找我需要的层次结构中的哪个级别，我希望能够“浏览它”。

我上面的问题更像是一个普遍的问题，因为我很感兴趣，如果你可以使用调试工具浏览方法（实际上，它并不需要是IE开发人员工具栏 - 但在我的上下文中它会有所帮助）

*在我引发一个非主题话题之前，我想我最好提一下我对框架集的看法。我不会在这里进一步详细介绍这些框架集 - 我知道这很难看 - 但它是遗留代码，我没有选择： - （

Answer 1

我建议您使用 Chrome （已预先安装Developer Tools）或 Firefox Firebug 。这些工具比IE Developer Toolbar更好。我相信他们可以满足你的需求。

如果你真的不能没有IE开发者工具，假设你至少有IE8，你可以尝试为“你好”添加一个手表。

Answer 2

在 IE开发人员工具栏中，您不能。但是，使用IE 8的开发人员工具，您可以。只需确保选择正确放置新函数的html或JS文件。使用调用堆栈查看调用方法的位置。

编辑：IEInspector制作了DomInspector（DI）而不是IE Developer Toolbar。

Answer 3

虽然我不知道这是否是您问题的答案，如果您的意思是希望看到与页面相关联的javascript，您可以使用开发人员工具执行此操作。

在IE中按F12打开工具窗口。

现在，选择“脚本”选项卡（按钮）。

在该标签上，您会看到列出每个链接的javascript文件的下拉列表。例如，在www.google.com主页上基本没有显示任何内容，我看到4个文件（下拉列表）加上一个文件说：其他的“约有：无”。

IE8在我的例子中使用。

还有另一种可能性来看到我认为有用的更多东西。 http://ajax.dynatrace.com/ajax/en/

在此为我的消息来源提供赞誉。