Dijeda di debugger di chrome?

Jawaban:

198

Salah satu kemungkinan penyebabnya adalah Anda mengaktifkan "pause on exception" (ikon tanda berhenti kecil dengan simbol pause (||) dengan di bagian kiri bawah jendela). Coba klik kembali ke kondisi mati / abu-abu (bukan merah atau biru) dan muat ulang halaman.

UPDATE: Menambahkan tangkapan layar untuk referensi:

masukkan deskripsi gambar di sini

DavidJ
sumber
1
terkadang Anda harus tahu di mana harus mengklik.
Darshan Thanki
@ Davidvid Saya menambahkan tangkapan layar ikon, harap Anda tidak keberatan.
RubenGeert
Terima kasih banyak. Itu mulai membuatku frustrasi. Saya bahkan tidak ingat mengklik tombol itu.
dminer
1
Menjeda pada pengecualian bukanlah masalah (@Luja) atau masalah (@ Bosworth99) atau sesuatu yang membuat Anda frustrasi (@dminer). Ini adalah fitur yang sangat membantu dalam debugging. Hanya perlu beberapa jam (atau kurang tergantung pada pengalaman Anda) untuk melihat semua opsi di devTools UI dan merasa nyaman dengan mereka. Silakan berinvestasi kali ini! Ini akan sangat membantu Anda dalam rutinitas debug harian Anda.
CodeVortex
4
@CodeVortex Hanya karena ada sesuatu yang berguna, itu tidak menghentikannya menjadi masalah jika itu melakukan sesuatu yang tidak Anda inginkan saat ini dan Anda tidak tahu bagaimana menghentikannya.
Jessica B
99

Dalam kasus saya, saya Any XHRmenetapkan bendera pada XHR Breakpointspengaturan, dapat diakses melalui tab Sumber dalam alat pengembang Chrome.

Bendera XHR apa pun di Alat Dev Chrome

Hapus centang untuk Chrome berfungsi normal lagi.

k0pernikus
sumber
4
Itu adalah masalah yang sama dengan yang saya alami
Jimbo Jones
Masalah yang sama di sini juga, terima kasih - ini membuat saya gila.
zigojacko
3
Anda baru saja menyelamatkan hidup saya :-)
Alex
@Alex Aw, imut : D
k0pernikus
Saya memilikinya di Animasi - membuat saya gila sampai saya membaca ini, terima kasih!
asimovwasright
32

Ini juga dapat menyebabkan masalah

Ikon Break Point di kanan atas harus berwarna biru seperti ini

masukkan deskripsi gambar di sini

Seharusnya tidak abu-abu seperti ini

masukkan deskripsi gambar di sini

Asif Asghar
sumber
1
Ini menyesatkan karena menonaktifkan berhenti pada setiap breakpoints, bukan yang di pageload. Jadi ini mencegah juga breakpoint yang Anda inginkan. Masalah sebenarnya bukanlah tombol di kanan atas, tetapi kotak "Any XHR" yang dicentang di kiri bawah.
k0pernikus
12

Dan ada beberapa opsi di bawah ini, jika Anda telah memeriksa beberapa, ketika kondisinya aktif, debugger breakpoint juga aktif

rayking
sumber
11

Jika Anda menavigasi ke Sumber, Anda dapat melihat masukkan deskripsi gambar di sinitombol pause di bagian bawah DevTools. Pada dasarnya ada 3 opsi jeda yang mungkin di DevTools saat debugging file js,

  • Jangan berhenti pada pengecualian ( masukkan deskripsi gambar di sini):

    Tombol jeda akan berwarna abu-abu seolah-olah "Jangan jeda pada pengecualian" aktif. masukkan deskripsi gambar di sini

  • Jeda pada semua pengecualian ( masukkan deskripsi gambar di sini):

    Tombol jeda akan berwarna biru seolah-olah "Jeda pada semua pengecualian" aktif. masukkan deskripsi gambar di sini

  • Jeda pada pengecualian yang tidak tertangkap ( masukkan deskripsi gambar di sini):

    Tombol jeda akan berwarna ungu seolah-olah "Jeda pada pengecualian yang tidak tertangkap" aktif. masukkan deskripsi gambar di sini

Dalam kasus Anda, jika Anda tidak ingin menjeda, pilih Jangan jeda pada pengecualian. Untuk memilih, beralih tombol jeda hingga menjadi abu-abumasukkan deskripsi gambar di sini .

Vijin Paulraj
sumber
3
Terima kasih untuk tangkapan layarnya!
Maksym
TERIMA KASIH! Anda satu-satunya yang menjawab ini dengan indikasi CLEAR yang mana. Tooltips harus membantu, tidak membingungkan: ketika warnanya abu-abu, dan karenanya dinonaktifkan, tooltip mengatakan "Jeda Pengecualian" ... yang tooltips untuk sakelar kurang idiot ("Jangan berhenti pada pengecualian. Klik untuk beralih.")
Jürgen A. Erhard
7

masukkan deskripsi gambar di sini

Ya. Saya baru belajar alat dev chrome hari ini, dan menemukan hal yang sama - jika hal di atas gagal, perluas area yang digambarkan di sini dan cari breakpoint yang mungkin telah Anda atur dan lupakan.

ouonomos
sumber
5

Anda dapat menekan CTLR+ F8untuk mengaktifkan atau menonaktifkan titik istirahat.

Ini solusi singkat.

Nasser Albelbeisi
sumber
3

Klik ikon Pengaturan dan kemudian klik tombol Pulihkan default dan muat ulang. Ini bekerja untuk saya sedangkan jawaban yang diterima tidak.Google Chrome Restore Defaults dan Reload

codeymcgoo
sumber
Saya memiliki pengalaman yang sama, dan merasa seperti saya mengambil pil gila: cl.ly/f4Jj "restore defaults" dalam pengaturan memperbaiki ini untuk saya. Tidak tahu apa itu, tetapi karena itu tidak terjadi di Canary, saya tahu itu adalah sesuatu yang spesifik untuk alat pengembang Chrome.
Brandon Aaskov
3

Di sudut kanan atas, ikon terakhir kedua (dikelilingi merah di gambar terlampir) adalah untuk mengaktifkan / menonaktifkan debugging. Klik untuk beralih debugging kapan saja.

Konsol Debug Chrome

Shailendra Singh Rajawat
sumber
2

Masalah konyol yang saya temui yang membawa saya ke sini dengan debugger; perintah .: "debugger;" memiliki jam tangan di atasnya.

Itu menyebabkan halaman yang baru saja berkata debugger; muncul di antara setiap pemuatan halaman.

Cara untuk menonaktifkannya adalah dengan mengklik kanan kata Watch dan klik "Hapus ekspresi menonton".

AllisOne
sumber
2

Benar-benar pengalaman buruk. jika jawaban di atas tidak berhasil untuk Anda coba ini.

Klik ikon Pengaturan dan kemudian klik tombol Pulihkan default dan muat ulang.

Tekan 'F8' hingga menjadi normal.

Selamat coding !!

Pedang I
sumber
1

Pengguna lain menyebutkan ini dengan sedikit detail tetapi saya melewatkannya sampai saya kembali ke sini sekitar 3 kali dalam 2 hari -

Ada bagian yang berjudul breaklist EventListener yang berisi daftar breakpoint lain yang dapat diatur. Kebetulan saya tidak sengaja mengaktifkan salah satu dari mereka di DOM Mutation yang memberi tahu saya kapan pun sesuatu pada DOM ditimpa. Sayangnya ini menyebabkan saya menonaktifkan banyak plug-in dan add-ons sebelum saya menyadari itu hanya mesin saya. Semoga ini bisa membantu orang lain.

PW Kad
sumber
0

Anda bisa pergi ke Breakpoints di konsol pengembang chrome, klik kanan dan hapus breakpoints. Sederhana.

ZubairAnwar
sumber
0

Terjadi kesalahan sintaksis di forloop saya . Ini menyebabkan kesalahan jeda.

Anirudh
sumber
0

Ini terjadi pada saya. Saya memiliki breakpoint pada modifikasi subtree pada tag tubuh, dan setiap kali saya menghapus breakpoints, mereka akan kembali setelah saya menyegarkan. Saya sangat bingung, dan saya bahkan menghapus semua breakpoint DOM, tapi breakpoint modifikasi subtree tubuh hantu terus datang kembali. Akhirnya, saya memuat ulang cache, dan mereka menghilang.

codecubed
sumber