Member 12337855 Ответов: 2

Как видим, линия по exection строка на jQuery

How to see line by line execution of jquery code 
 
I have below code
 
 
$('.edit-mode').hide();
$('.edit-user, .cancel-user').on('click', function () {
var tr = $(this).parents('tr:first');
tr.find('.edit-mode, .display-mode').toggle();
});


Что я уже пробовал:

Я не пытался я понятия не имею

Suvendu Shekhar Giri

Попробуйте Firebug в Firefox.

2 Ответов

Рейтинг:
1

F-ES Sitecore

Google "debug javascript", и вы найдете несколько статей, но в основном добавьте оператор debugger

debugger;
$('.edit-mode').hide();
$('.edit-user, .cancel-user').on('click', function () {
var tr = $(this).parents('tr:first');
tr.find('.edit-mode, .display-mode').toggle();
});


Убедитесь, что у вас открыты инструменты разработки браузера (обычно f12), и когда вы загружаете страницу, она ломается на линии отладчика, и инструменты разработки позволяют вам идти строка за строкой, а также проверять переменные и т. д. Именно то, как это работает, отличается от браузера к браузеру, поэтому google для получения более конкретной информации.

Suvendu Shekhar Giri

Более релевантный ответ в соответствии с вопросом ОП.
Мои 5!

Рейтинг:
0

Suvendu Shekhar Giri

Вы можете отлаживать код Javascript с помощью своих браузеров.
Проверьте следующие artilces-
1. Internet Explorer
Использование инструментов разработчика F12 для отладки ошибок JavaScript (Windows)[^]
2. Хром
Отладка с помощью точек останова | веб-инструменты - Google Developers[^]
3. Firefox
Отладка JavaScript-Mozilla | MDN[^]
Отладчик и профилировщик JavaScript : Firebug[^]

Надеюсь, эта ссылка поможет :)