如何觀看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。下拉查看源 - >查看生成的源。