Chrome Geliştirici aracı: html komut dosyası boş (kaynakta) hata ayıklama eğiticisi

NetBeans ve Google Chrome kullanarak C hrome hata ayıklama eğitimini yapıyorum . Uzantılar dahil her şey doğru çalışıyor gibi görünüyor, ancak bölüme Use the Debuggergeldiğimde, bir kesme noktası eklemek için html kodunu göremiyorum.

Tarayıcıda açılır pencereyi incele seçeneğini seçtikten sonra, Konsolda açılır ve hiçbir şey göstermez, Elements, eklenen resimlerle popup.html'yi gösterir. Kaynaklar'a gittiğimde, popup.html dosyası açılabilir, ancak tek satır olan Satır 1 boş. Eğer js dosyasını açarsam, js dosyası oradadır ve düzenlenebilir (kesme noktası).

Üzgünüm - muhtemelen basit bir şey, ama bu konuda pek tecrübeli değilim. Her şeyi yeniden yüklemeyi ve yenilemeyi denedim.

TAKİP: location.reload(true)Konsol istemine girildiğinde , popup.html dosyası Kaynak olarak görünür hale geldi! Neden? Fikrim yok.

Umarım bu, tökezleyerek geçirdiğim tüm günü kurtarır.

Bu , Chromium DevTools ile ilgili bilinen bir sorun gibi görünüyor. Temel olarak, HTML ve komut dosyası olmayan diğer içerik DevTools açılmadan önce zaten temizlenmiştir ve geri almanın güvenilir bir yolu yoktur. DevTools açıkken sayfayı yenilemek sorunu "düzeltir".

benim durumumda sipariş yardım edildi

1. kaynaklardaki boş sekmeyi kapatın
2. geliştirme araçlarını kapat
3. geliştirme araçlarını aç
4. sekmeyi kaynaklarda aç (hala boş)
5. sayfayı yenile

Bu sorunu yaşadım ve Inspector ayarları penceresinden (F1) "Javascript Kaynak Haritalarını Etkinleştir" i devre dışı bırakmanın sorunu çözdüğünü yeni buldum

Js.map'imi yeniden oluşturdum, ayarı yeniden etkinleştirdim ve kaynak hala kullanılabilir durumdaydı.

Sanırım benim sorunum küçültülmemiş js (dev ayarları) sunuyordum, ancak harita (prod ayarları için oluşturulmuş) hala oradaydı ve güncelliğini yitirmişti.

Benim durumumda, sekmesi de boş bir sayfa görüntülediği için konsola erişemedim. Çözümüm CTRL + SHIFT + I kombinasyonunu odakta boş hata ayıklayıcı ekranıyla kullanmak ve ardından parent.location.reload(true)açılır pencere hata ayıklayıcısının konsoluna yazmaktır.

Benim durumumda, hata ayıklayıcının hata ayıklayıcının "alan yok" bölümü altında boş dizin sayfası vermesine neden olan bir uzantı vardı. Chrome'daki gerekli olmayan tüm uzantıları devre dışı bıraktıktan sonra, hata ayıklayıcı doğru kaynağı tekrar gösterdi.

Dev Tools (F12) -> Denetleyici ayarları penceresi (F1) -> Varsayılanları geri yükle ve [alttaki düğme] yeniden yükle benim için çalışıyor!

Bazı ciddi javascript sorunlarının bunun gibi sorunlara neden olduğunu fark ettim. Benim durumumda, bir yazım hatası nedeniyle yanlışlıkla tüm belgemin üzerine yazıyordum.

Chromium WebTools hata ayıklayıcısında boş bir html sayfası alıyorsanız, tuhaf bir şey yapmadığından emin olmak için javascript'inize iyice bakın.

"--User-data-dir" komut satırı argümanına sahip yepyeni bir oturum kullanarak ve "Javascript Kaynak Haritalarını Etkinleştir" seçeneğini devre dışı bırakarak sorunumu çözdüm. Kodum Firefox hata ayıklayıcıda iyi görünüyor, bu yüzden bir Chrome hatasından kaynaklanmış gibi görünüyor.

Ben de aynı sorunu yaşadım. Sayfanın yenilenmesi bile işe yaramadı.

chrome://helpTarayıcıya gitmek ve yenilemek + yeniden başlatmak benim için çalıştı.

Chrome'u menüden de güncelleyebilirsiniz:

benim durumumda, kötü amaçlı yazılım bulaştıktan ve tarayıcımı - silinmiş önbellek / uygulama verilerini sıfırladıktan sonra aniden oluyor.

Çözüm: Benim durumumda J'leri etkileyebilecek uzantıyı kaldırın

Aşağıdaki uzantıyı kaldırdım / devre dışı bıraktım ve https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=tr çalıştım

garip çünkü bu eklentiyi sorunsuz bir şekilde yıkamadan önce, kalp masajına benzediğini düşünüyorum. :)

Benim durumumda, birkaç gün boyunca çalışan tarayıcı senkronizasyonu ile yudumladım. Yutkundum ve sorunumu çözdüm.

Büyük bir java-script dosyam varken de bu sorunu yaşadım, bu satırım vardı

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

bir döngüde ve 3000 öğe sayıyordu, böylece dosya komut dosyasında büyüyordu ve dosya krom kaynaklarında boştu. (Sanırım bazı sınırlamalara ulaştım)

Dosyayı 100 maddeye kadar kaldırarak küçülttükten sonra gayet iyi çalıştı.

Kaynaklar sekmesinde HTML dokümanımın boş olmasıyla aynı sorunu yaşadım. Burada önerilen birkaç düzeltmeyi denedim, ancak hiçbiri işe yaramadı. Hatta bu öneri tüm yerel komut dosyalarının yok olmasına neden oldu. Benim için işe yarayan tek şey, denetçi penceresinden F5 tuşuna basmaktı. Bu SO cevabına kredi verin .