2017-06-13 62 views
1

是否有任何自動方式來跟蹤JavaScript應用程序(瀏覽器中)的執行?
我需要的是根據使用情況知道:在javascript應用程序中跟蹤執行

  • 哪些功能被稱爲
  • 哪些函數調用其功能

事實上,它是由儀表代碼覆蓋率(如伊斯坦布爾)但用於運行時。

-------------------------編輯-------------------- -----
我想要生成執行過程中使用的函數的映射。
實施例:
1 - 爲用例#1:
functA1 - > [functB3,functC2 - > [functE5,functD8]]
functA2 - > [functT2]
functA3

利用該種執行地圖,我可以理解appl如何工作
並比較兩個版本之間的執行情況。

回答

1

您可以在瀏覽器的源選項卡中設置斷點。在Chrome上按Ctrl + Option + j並點擊「Sources」。從那裏你可以在你想要的函數中設置一個斷點,並且可以追蹤逐行執行的內容。

希望這會有所幫助。對鉻調試

+0

謝謝,但我尋找像創建執行diagramm容量更完整的解決方案 – asicfr

1

被赫然完成:

  1. CTRL +期權+ J

  2. 點擊 '來源'

  3. ,然後去 「事件監聽器斷點」,並選擇事件可能會調用你的函數,然後在函數調用正在進行的時候,只需按下F10就可以移動到下一個語句來執行,等等。 請參考截圖:https://iamlalit.tinytake.com/sf/MTY5MDc1N181NjM1ODA1