如何調試函數的執行（在JavaScript中）？

-1

很多話題都是關於這個的，但是我有「不同的問題」，所以開了一個新話題。極品火狐（和鉻）解決方案：如何調試函數的執行（在JavaScript中）？

如何看執行什麼功能，當我點擊example.com東西。例如：

XYZfunc(12,"carla bruno", "Monday"); 
$.post(data, "example.com")

不久之後，就可以看到瀏覽器在當時所做的一切。

附：在Firebug中，我找不到那個。另外，我不需要這樣的傳統警報，在那裏我看不到有什麼參數進行傳遞

：

2016-11-23 T.Todua

https://developers.google.com/web/tools/chrome-devtools/console/events – adeneo

在Firefox中，如果您的快捷鍵未被修改，按下此組合鍵將顯示開發人員調色板：Ctrl + Shift + S'。一旦調色板啓動後，您可以使用調試器來追蹤您之後的內容。 –

1）**＃adeneo **，我不想要活動。我想獲得任何特定執行的JS命令的所有細節。 2）** blaze_125 **，請詳細解釋一下，具體如何獲取我所描述的內容。 –

對於Chrome瀏覽器，點擊右鍵，點擊「檢查」 ..

來源標籤會給你一個查看源文件，則設置有破發點，看看你的函數執行過程中如何表現

當你決定逐步執行代碼，您可以使用頂部的圖標第二進出的功能

2016-11-23 18:27:01 pro

在Firefox中，如果你的快捷方式不會被修改，你可以打這個組合鍵，以獲得開發者的調色板：Ctrl + Shift + S

一旦調色板，你可以使用調試器來追蹤你所追求的內容。

如果您不知道點擊觸發了什麼功能，可以右鍵單擊網頁上的元素，然後從上下文菜單中選擇「檢查元素」。這將把你帶到「html標籤」，然後你將進行反向工程以獲得被調用的功能。儘管大多數情況下，函數調用非常明顯，並且不需要太多的逆向工程...因此，一旦知道函數被調用... ...

返回到開發人員調色板，調試器。找到你之後的功能並在其上放置一個斷點。一旦你觸發了這個函數，代碼執行就會在中斷點停止，然後你可以遍歷代碼。

2016-11-23 18:41:42

回答