Alat Pengembang Chrome: skrip html kosong (dalam sumber) tutorial debugging

Saya melakukan tutorial debugging C hrome , menggunakan NetBeans dan Google Chrome. Semuanya, termasuk ekstensi, tampaknya berfungsi dengan benar, tetapi ketika saya sampai ke bagianUse the Debugger , saya tidak dapat melihat kode html untuk memasukkan breakpoint.

Setelah memilih inspeksi popup di browser, itu terbuka di Konsol, tidak menunjukkan apa-apa, Elemen menampilkan popup.html dengan gambar yang ditambahkan. Ketika saya pergi ke Sources, file popup.html dapat dibuka, tetapi satu-satunya baris, Baris 1, kosong. Jika saya membuka file js, file js ada di sana dan dapat diedit (break point).

Saya minta maaf - mungkin sesuatu yang mendasar, tetapi saya tidak terlalu berpengalaman dengan ini. Saya sudah mencoba memuat ulang dan menyegarkan semuanya.

TINDAK LANJUT: Dengan masuk location.reload(true)ke prompt Konsol, file popup.html menjadi terlihat sebagai Sumber! Mengapa? Tidak ada ide.

Saya harap ini menyelamatkan seseorang dari hari penuh yang saya habiskan untuk tersandung.

Ini tampaknya masalah umum dengan Chromium DevTools. Pada dasarnya, HTML dan konten non-skrip lainnya sudah dihapus sebelum DevTools dibuka dan tidak ada cara yang dapat diandalkan untuk mendapatkannya kembali. Memuat ulang halaman dengan DevTools, buka "memperbaiki" masalahnya.

dalam kasus saya, pesanan membantu

1. tutup tab kosong di sumber
2. tutup alat pengembang
3. buka alat pengembang
4. buka tab di sumber (masih kosong)
5. segarkan halaman

Saya mengalami masalah ini, dan baru saja menemukan bahwa menonaktifkan "Aktifkan Peta Sumber Javascript" dari jendela pengaturan Inspektur (F1) menyelesaikannya

Saya membuat ulang js.map saya, mengaktifkan kembali pengaturan dan sumbernya masih tersedia.

Jadi saya pikir masalah saya adalah bahwa saya melayani js tanpa batas (pengaturan dev), tetapi peta (dibangun untuk pengaturan prod) masih ada dan ketinggalan zaman.

Dalam kasus saya, saya tidak dapat mengakses konsol karena tabnya juga menampilkan halaman kosong. Solusi saya adalah menggunakan kombinasi CTRL + SHIFT + I dengan layar debugger kosong dalam fokus, lalu ketik parent.location.reload(true)konsol dari popup debugger.

Dalam kasus saya, ada ekstensi di chrome yang menyebabkan debugger memberikan halaman indeks kosong di bawah bagian "tidak ada domain" dari debugger. Setelah menonaktifkan semua ekstensi yang tidak penting di chrome, debugger menampilkan sumber yang benar lagi.

Alat Dev (F12) -> Jendela pengaturan inspektur (F1) -> Pulihkan default dan muat ulang [tombol di bagian bawah] berfungsi untuk saya!

Saya perhatikan bahwa beberapa masalah javascript yang serius menyebabkan masalah seperti ini. Dalam kasus saya, saya secara keliru menimpa seluruh dokumen saya karena salah ketik.

Jika Anda mendapatkan halaman html kosong di debugger Chromium WebTools, perhatikan baik-baik javascript Anda untuk memastikannya tidak melakukan sesuatu yang aneh.

Saya memperbaiki masalah saya dengan menggunakan sesi baru dengan argumen baris perintah "--user-data-dir", dan menonaktifkan "Aktifkan Peta Sumber Javascript". Kode saya muncul dengan baik di debugger Firefox, jadi sepertinya disebabkan oleh bug Chrome.

Saya memiliki masalah yang sama. Bahkan penyegaran halaman tidak berhasil.

Pergi chrome://helpdan menyegarkan browser + restart berhasil untuk saya.

Anda juga dapat memperbarui Chrome melalui menu:

dalam kasus saya itu terjadi tiba-tiba, setelah saya terinfeksi malware dan saya mengatur ulang browser saya - cache / appdata dihapus.

Solusi: Hapus ekstensi yang dapat memengaruhi Js dalam kasus saya

saya menghapus / menonaktifkan ekstensi di bawah dan bekerja https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=id

Aneh karena sebelum saya mencuci addon itu tanpa masalah, saya pikir itu seperti CPR ke hati. :)

Dalam kasus saya, saya menelan ludah dengan browserync yang berjalan selama beberapa hari. Saya terpental menelan dan memecahkan masalah saya.

Saya juga mengalami masalah ini ketika saya memiliki file java-script yang besar, saya memiliki baris ini

                points.push({
                    location: new google.maps.LatLng(46.5376919, 4.5425704),
                    date : "5/8/2017 5:11:00 PM",
                    free : true
                });

dalam siklus untuk dan menghitung 3000 item sehingga file menjadi besar di skrip dan file kosong di sumber chrome. (Saya pikir saya mencapai beberapa batasan)

Setelah membuat file lebih kecil dengan menghapus hingga 100 item, itu berfungsi dengan baik.