如何实时查看所有调用的JavaScript函数?

如何实时查看所有调用的JavaScript函数?,javascript,Javascript,我想知道一个网站如何使用AJAX重新加载其内容。因此,我希望看到实时调用了哪些JS函数,因为我不知道是哪个函数负责动态地重新加载页面。如何在FF、Chrome、Opera或IE中实时查看所有执行的函数?在FF中安装firebug。访问此链接:我将使用与函数名匹配的正则表达式(如“function(.*)\(.*)\){”)对所有文件进行大量搜索和替换,并使用该正则表达式在函数开头插入console.log(functionName) 因此,您搜索函数(.*)(.*){,并将其替换为函数\1(\2

我想知道一个网站如何使用AJAX重新加载其内容。因此,我希望看到实时调用了哪些JS函数,因为我不知道是哪个函数负责动态地重新加载页面。如何在FF、Chrome、Opera或IE中实时查看所有执行的函数?

在FF中安装firebug。访问此链接:

我将使用与函数名匹配的正则表达式(如“
function(.*)\(.*)\){
”)对所有文件进行大量搜索和替换,并使用该正则表达式在函数开头插入
console.log(functionName)

因此,您搜索
函数(.*)(.*){
,并将其替换为
函数\1(\2){console.log(“\1”);
(注意:正则表达式很可能是错误的,因为我没有检查它们-您需要进行一些测试才能使其正确)

这似乎有点疯狂,但它应该可以工作。我用这种方法调试了一个Director Lingo项目


显然,在进行替换之前,请确保备份了整个项目。

可能使用firebug控制台选项卡中的“配置文件”按钮可以为您提供已启动功能的指示。此外,您还可以告诉firebug控制台显示xmlhttp请求(展开firebug屏幕顶部的“控制台”。之后,如果ajax请求触发,它应该在控制台中可见。在此类请求的“post”选项卡中,您可以通过查看参数推断触发请求的函数。

我想您想要的是Chrome中的一个功能:

找到要重新加载的元素并单击鼠标右键, 从关联菜单中选择“检查”, 然后右键单击元素的html(在底部的firebugish窗格中), 在关联菜单中有以下选项:

  • 子树修改中断
  • 属性修改中断
  • 断开节点删除
在您的情况下,在body标签上设置“子树修改中断”可以吗


关于chrome中令人敬畏的新开发功能的文章:

我经常使用Firefox插件JavaScript Deobfousator


如果您有权访问源代码,请遵循给出的答案。使用此正则表达式,您可以对所有函数调用执行console.log:

搜索:

function (.*){
替换为:

function \1 { console.log\(("\1")\);

你用过firebug吗?你知道它的断点功能吗?我有firebug。我不能设置断点,因为我不知道它是什么函数。你回答过我的问题吗?请这样做。我需要一些东西来看看调用了哪些函数,而不是将断点放入函数中。如果该页面有jQuery,请参阅以查看连接到哪些函数导致ajax调用的元素,然后,你可以使用断点和步骤函数来跟踪它。我已经安装了Firebug几个月了。我在那里找不到它。也许你可以找到它?@Tomasz你正在寻找探查器。运行它,它跟踪所有函数。如果你有权访问项目文件,那怎么办?我想知道为什么有人会这样做如果他们无法访问代码,是否要调试站点?对不起,我写错了:我无法轻松访问站点文件(你知道html、css、js)如果他们正在破解它,我只是试图在IE的某种无限循环中调试一个问题,但是如果我必须使用Firefox来获取一个被调用的方法列表,这样我至少知道在哪里可以找到它,这很酷。但是当我使用profile按钮然后加载页面时,配置文件会在加载新页面时重置。那么如何捕获当e页先加载?