Zatrzymaj nieskończoną pętlę w debugerze JavaScript (Google Chrome)

Czy kiedykolwiek napisałeś nieskończoną pętlę, która zablokowała całą stronę w Twojej przeglądarce? 

W tym artykule postaram się pokazać Ci, jak poradzić sobie z takim problemem.

Korzystając z przeglądarki Google Chrome, można zatrzymać debugowanie JavaScript na kilka sposobów:

• przycisk stop w Narzędziach dla deweloperów,
• kończąc proces poprzez zamknięcie karty lub całego okna,
• przycisk zakończenia procesu w Menedżerze zadań.

1. Przycisk stop w Narzędziach dla deweloperów ⏯🛑

📝 Uwaga:

Aby skorzystać z tego podejścia, narzędzia dla deweloperów powinny być włączone przed wykonaniem kodu JavaScript. W przeciwnym razie nie będziemy mogli otworzyć narzędzi za pomocą F12,  ponieważ okno Chrome zawiesi się. Nadal jednak będziesz mógł włączyć narzędzia za pomocą menu przeglądarki, ale nie będą one łączyć się z wykonującym się kodem źródłowym, aby go zatrzymać - w tym przypadku wykonanie kodu można zatrzymać tylko poprzez zamknięcie karty lub okna. Czasami przy małej ilości pamięci RAM lub dużej liczbie otwartych kart narzędzia deweloperskie mogą mieć problem z zatrzymaniem nieskończonej pętli.

W tym podejściu musisz wykonać kilka czynności:

1. otwórz  Chrome DevTools za  pomocą  F12 ,  Ctrl + Shift + i  lub z menu Menu główne → Więcej narzędzi → Narzędzia dla deweloperów ,
2. otwórz stronę internetową, którą chcesz debugować,
3. uruchom kod, który zawiera nieskończoną pętlę,
4. kliknij okno Narzędzi dla deweloperów, aby się na nim skupić,
5. wstrzymaj skrypt klawiszem F8, Ctrl + \ lub klikając przycisk Wstrzymaj wykonywanie skryptu,
6. naciśnij ponownie przycisk i przytrzymaj przez 1-3 sekundy, aby zobaczyć więcej opcji,
7. przenieś akcję kliknięcia na kwadratowy przycisk zatrzymania w rozwiniętym menu, aby zatrzymać wykonywanie skryptu.

2. Zakończ proces zamykając kartę lub okno

Czasem aby zatrzymać proces będziesz musiał zamknąć kartę lub całe okno Chrome. Jeśli to nie pomoże, użyj Menedżera zadań opisanego w następnym rozwiązaniu.

3. Przycisk Zakończ proces w Menedżerze zadań

W tym rozwiązaniu musisz wykonać następujące kroki:

1. otwórz Menedżera zadań Chrome za pomocą Shift + Esc lub Menu główne → Więcej narzędzi → Menedżer zadań,
2. znajdź proces na liście po nazwie zakładki lub największego obciążenia procesora (skorzystaj z opcji sortowania kolumnowego),
3. wybierz proces i kliknij przycisk Zakończ proces.

Powiązane posty

• Google Chrome - przywanie nieskończonej pętli podczas debugowania JavaScript