如何观看JavaScript执行

Question

是否有任何工具可用来观看浏览器如何呈现JavaScript？

考虑一些使用angular/jquery的x网站。我想查找哪些函数被称为E2E，而不使用chrome/firefox调试工具。我尝试使用配置文件，但它没有给出清晰的图像。

Answer 1

您可以将console.log()添加到您希望知道它们何时被调用的函数中。然后，在您的网站上查看它们何时被调用，然后转到开发人员工具（Chrome浏览器中的ctrl+shift+j）中的控制台，它会在每个函数被调用时显示。

例如

function abc(paramater1) { 
    //do something 
    console.log("function abc() called"); 
} 
function xyz(paramaterA) { 
    //do something 
    console.log("function xyz() called"); 
} 

然后打开铬控制台（ctrl+shift+j）和时，例如，function xyz()被调用时，它会告诉你。

Answer 2

我不知道关注，但你可以看到最终结果。 Firefox有（Web）Developers Toolbar。下拉查看源 - >查看生成的源。