Остановить бесконечный цикл в отладчике JavaScript — Google Chrome

Вы когда-нибудь писали бесконечный цикл, который замораживал всю страницу в вашем браузере?

В этой статье я постараюсь показать вам, как бороться с такой проблемой.

Прежде чем мы начнем, я настоятельно рекомендую вам ознакомиться с исходным сообщением с решением на нашем веб-сайте:
Остановить бесконечный цикл в отладчике JavaScript — Google Chrome

Теперь переходим к решению 😊🔽

Используя Google Chrome, есть несколько способов остановить отладку JavaScript:

  • кнопка остановки в Chrome DevTools,
  • завершить процесс, закрыв вкладку или окно,
  • кнопка завершения процесса в диспетчере задач.

1. Кнопка «Стоп» в примере Chrome DevTools ⏯🛑

📝 Примечание.

Чтобы использовать этот подход, необходимо включить DevTools перед выполнением кода JavaScript. В противном случае вы не сможете открыть инструменты с помощью F12, потому что окно Chrome зависнет. Вы по-прежнему сможете включать инструменты с помощью меню браузера, но инструменты не будут подключаться к исполняемому исходному коду, чтобы остановить его — в этом случае выполнение кода можно остановить, только закрыв вкладку или окно. Иногда при небольшом объеме оперативной памяти или большом количестве открытых вкладок у DevTools могут возникать проблемы с остановкой бесконечного цикла.

Для этого необходимо выполнить несколько шагов:

  1. откройте Chrome DevTools с помощью F12, Ctrl+Shift+i или из меню Главное меню→Дополнительные инструменты→Инструменты разработчика ,
  2. откройте веб-страницу, которую вы хотите отладить,
  3. запустить некоторый код с бесконечным циклом,
  4. щелкните окно Chrome DevTools, чтобы выделить его,
  5. приостановить выполнение скрипта с помощью F8, Ctrl+\или нажав кнопку Приостановить выполнение скрипта,
  6. нажмите кнопку мыши в течение 1–3 секунд на кнопку еще раз, чтобы увидеть дополнительные параметры,
  7. переместите действие щелчка на кнопку квадратный стоп в расширенном меню, чтобы навсегда остановить выполнение скрипта.

2. Завершите процесс, закрыв вкладку или окно.

Используйте кнопку закрытия, чтобы остановить процесс. Если это не помогает, используйте Диспетчер задач, описанный в следующем решении.

3. Кнопка завершения процесса в диспетчере задач

В этом решении вам необходимо:

  1. откройте Диспетчер задач Chrome с помощью Shift+Esc или из меню Главное меню→Дополнительные инструменты→Диспетчер задач,
  2. найдите процесс в списке по названию вкладки или наибольшей загрузке ЦП (используйте опцию сортировки по столбцу),
  3. выберите процесс и нажмите кнопку Завершить процесс.

Если вы нашли это решение полезным, дайте мне знать в разделе комментариев или просто оставьте отзыв.
Спасибо за чтение и до встречи в следующих сообщениях! 😊🔥

Напишите нам! ✉

Если у вас есть проблема, которую нужно решить, или вопросы, на которые никто не может ответить, связанные с темой React или JavaScript, или вы ищете наставника, напишите нам на dirask.com -> Вопросы