Как посмотреть пошагово работу скрипта в отладчике?

Question

[Norum]

Как отследить работу скрипта, чтобы он пошагово и понятно показал мне, как он работает?
Сначала я ставлю брекпоинты


Потом обновляю страницу


Запускаю пошаговое выполнение кода, а потом он выходит из него в другой файл со скриптом? Почему? Я же поставил брекпоинты в одном файле-скрипте, а он переходит в другой

Comments

[WbICHA]

Помогать человеку с белой консолью ─ грех.

[Norum]

WbICHA, разве бывают другие?

[Алексей Дубровин]

Запускаю пошаговое выполнение кода, а потом он выходит из него в другой файл со скриптом?

Всё верно вы используете библиотеку для js. Когда вы доходите до кода вам показывают как он работает в другом файле. Тк как вы используете функции которые были реализованы в другом файле

[mkone112]

WbICHA, гораздо меньший, чем человеку который использует темную тему, сидя в светлой комнате.

Answer 1

[AUser0]

Так вы просите JavaScript "выполни текущую и покажи следующую команду", вот он и переходит к первой команде фукции jquery.on(), которая описана в файле jquery-latest.min.js.

Там, в консоли управления, кроме кнопочки "выполни текущую и покажи следующую команду", есть ещё кнопочка "выполни функцию целиком (без захода внутрь), и покажи следующую после функции команду"...

P.S. Или ставьте breakpoint-ы не на объявлении функции, а на командах внутри нее.

Comments

[Norum]

все из этих кнопок нажимал, все равно уходит в другой файл

[AUser0]

Вторая слева кнопка - это вот она и есть, "выполнить без входа в функцию". Просто вы брэйкпоинт поставьте не на вызове генератора (строка 66), а на строке 65. Или на строке 67, если вам нужно проверить работу onclick-функции, а не её генераци.

Answer 2

[CityCat4]

Во всех отладчиках обычно есть команды Step into и Step over, то есть "Шаг внутрь" и "Шаг через". Отличаются они обработкой вызовов - в первом случае отладчик подгрузит вызываемый модуль и встанет на первой его команде, во втором - выполнит вызов без трассировки и встанет на первой после вызова команде.
Первым обычно ловят вход в падающую или не отлаженную процедуру, вторым - обходят уже отлаженные. Судя по всему, Вы отдали первую команду вместо второй :)