Как отлаживать выполнение функций (в javascript)?

Question

Многие темы открылись об этом, но у меня есть «другой вопрос», поэтому открылась новая тема. Необходимость решения для Firefox (и Chrome):

Как узнать, что функция выполняется, когда я нажимаю на что-то example.com. например:

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

Вскоре, чтобы увидеть все, что делает браузер в данный момент.

P.s. в Firebug, я не могу найти это. Кроме того, я не нужны такие традиционные оповещения, где я не могу видеть, какие параметры были переданы

:

Answer 1

Для Chrome, нажмите правой кнопкой мыши и нажмите «Проверить» ..

Вкладка источники даст вам просмотр ваших исходных файлов, установить точки останова там и посмотреть, как ваши функции ведут себя во время исполнения

вы можете использовать значки на верхней части, когда вы решили уйти через кодогенератор й входить и выходить из функций

Answer 2

В Firefox, если ваши ярлыки не будут изменены, вы можете нажать эту комбинацию клавиш, чтобы получить палитру разработчика: Ctrl + Shift + S

После палитра, вы может использовать Debugger для отслеживания того, что вам нужно.

Если вы не знаете, какая функция запускается вашим кликом, вы можете щелкнуть правой кнопкой мыши элемент на веб-странице и выбрать «проверить элемент» из контекстного меню. Это приведет вас к «тегу html», который вы затем перепроектируете, чтобы вызвать вызываемую функцию. Хотя чаще всего вызов функции довольно очевиден и не требует много обратного проектирования ... Итак, как только вы знаете, какая функция называется ...

Вернитесь к палитре разработчика, отладчик. Найдите нужную функцию и поместите на нее точку останова. После запуска функции выполнение кода останавливается в точке останова, и вы можете пройти через код.