0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Для остановки выполнения JS кода на странице, можно сделать так:</p>
1
<p>Для остановки выполнения JS кода на странице, можно сделать так:</p>
2
<ul><li>Открыть DevTools и перейти на вкладку Sources;</li>
2
<ul><li>Открыть DevTools и перейти на вкладку Sources;</li>
3
<li>Выбрать файл с логикой по которому будет вестись работа и найти необходимую строчку кода где необходимо поставить брейкпоинт;</li>
3
<li>Выбрать файл с логикой по которому будет вестись работа и найти необходимую строчку кода где необходимо поставить брейкпоинт;</li>
4
<li>Слева от строки находится столбец с ее номером. Если на него нажать, то появится синий значок - это и есть брейкпоинт того, чтобы использовать точку останова в DevTools;</li>
4
<li>Слева от строки находится столбец с ее номером. Если на него нажать, то появится синий значок - это и есть брейкпоинт того, чтобы использовать точку останова в DevTools;</li>
5
</ul><p>Там же, кстати, ими можно и управлять:</p>
5
</ul><p>Там же, кстати, ими можно и управлять:</p>
6
<ul><li>Чтобы отключить брейкпоинт, достаточно убрать галочку рядом с ним</li>
6
<ul><li>Чтобы отключить брейкпоинт, достаточно убрать галочку рядом с ним</li>
7
<li>Удалить брейкпоинт можно с помощью нажатия на правую кнопку мыши около точки останова</li>
7
<li>Удалить брейкпоинт можно с помощью нажатия на правую кнопку мыши около точки останова</li>
8
</ul><p>Еще бывают точки останова в коде, которые можно самостоятельно поставить в коде. Для создания такого брейкпоинта нужно просто вызвать debugger в коде. Этот подход эквивалентен предыдущему способу, через DevTools, только без использования визуального интерфейса.</p>
8
</ul><p>Еще бывают точки останова в коде, которые можно самостоятельно поставить в коде. Для создания такого брейкпоинта нужно просто вызвать debugger в коде. Этот подход эквивалентен предыдущему способу, через DevTools, только без использования визуального интерфейса.</p>
9
<p>Еще есть вариант использовать throw. Инструкция throw позволяет генерировать исключения, определяемые пользователем. При этом выполнение текущей функции будет остановлено (инструкции после throw не будут выполнены), и управление будет передано в первый блок catch в стеке вызовов. Если catch блоков среди вызванных функций нет, выполнение программы будет остановлено.</p>
9
<p>Еще есть вариант использовать throw. Инструкция throw позволяет генерировать исключения, определяемые пользователем. При этом выполнение текущей функции будет остановлено (инструкции после throw не будут выполнены), и управление будет передано в первый блок catch в стеке вызовов. Если catch блоков среди вызванных функций нет, выполнение программы будет остановлено.</p>
10
<p>Например:</p>
10
<p>Например:</p>
11
<p>Ну и наконец можно использовать точки останова в DOM, если вы собираетесь приостановить код, который изменяет узел DOM или его дочерние элементы. Это делается следующим образом:</p>
11
<p>Ну и наконец можно использовать точки останова в DOM, если вы собираетесь приостановить код, который изменяет узел DOM или его дочерние элементы. Это делается следующим образом:</p>
12
<ul><li>Перейдите во вкладку Elements</li>
12
<ul><li>Перейдите во вкладку Elements</li>
13
<li>Найдите элемент, на который нужно установить брейкпоинт</li>
13
<li>Найдите элемент, на который нужно установить брейкпоинт</li>
14
<li>Нажмите на элемент правой кнопкой мыши</li>
14
<li>Нажмите на элемент правой кнопкой мыши</li>
15
<li>Наведите мышь на Break on, а затем выберите Subtree modifications, Attribute modifications или Node removal в зависимости от того, что вы хотите сделать. Ниже расскажем, что это такое и как работает.</li>
15
<li>Наведите мышь на Break on, а затем выберите Subtree modifications, Attribute modifications или Node removal в зависимости от того, что вы хотите сделать. Ниже расскажем, что это такое и как работает.</li>
16
</ul><p>Более подробно про точки останова можно прочитать здесь,<a>в интересной статье</a>, на Хекслете.</p>
16
</ul><p>Более подробно про точки останова можно прочитать здесь,<a>в интересной статье</a>, на Хекслете.</p>