Chrome geliştirici araçları artık tüm JavaScript dosyalarını göstermiyor


87

Artık tüm JavaScript dosyaları Chorme Geliştirici araçlarında görünmez.

Google Chrome güncel. Sürüm 44.0.2403.130 m Uygulamanın hata ayıklama sürümü. Kafadaki senaryolar.

<script src="/Scripts/jquery-ui-1.8.24.js"></script>
<script src="/Scripts/jquery.validate.js"></script>

...

<script src="/Client/Statics/GuiContainers.js"></script>
<script src="/Client/ClientDAL.js"></script>
<script src="/Client/ClientLayoutUpdater.js"></script>
<script src="/Client/ClientRenderer.js"></script>
<script src="/Client/ControllerLocator.js"></script>

Komut dosyalarının ilk kısmı, localhost / Scripts / * yolundaki Kaynaklar menüsü altında Chrome Geliştirici Araçları'nda görülebilir. Senaryoların ikinci kısmı dünden beri görünmüyor. Geliştirici Araçlarının sorunu nedir?

JavaScript konsolunda hata yok. Ağ sekmesinde JavaScript dosyalarına yönelik başarılı istekleri görebiliyorum. Tüm JavaScript yüklendi. Uygulama iyi çalışıyor.

Geliştirici Araçlarının sorunu nedir? Bir fikri olan var mı?

Çalışma alanına localhost "klasör" eklersem, her şey görülebilir, hatta sunucu tarafındaki kaynak dosyalar bile.


10
Geliştirici araçlarındaki ağ sekmesini kullanın ve sayfa yüklendiğinde js dosyasının gerçekten yüklenip yüklenmediğini belirlemek için sayfayı yenileyin.
Seano666

@ Seano666 Ben yaptım. Yorumunuz sonucunda soru açıklaması netleştirilir. Teşekkür.
Fosna

2
Bir kaynak dosyaya bir console.log koyun, sayfayı yenileyin, console.log'u alacaksınız ve konsoldan kaynağa tıklayabilirsiniz.
SilentTremor

Konsol günlüğü yoksa bu, kaynak dosyalarınızın olmasını beklediğiniz yerden yüklenmediği anlamına gelir.
SilentTremor

@SilentTremor Harika fikir. Teşekkür. Console.log () parametresinden gelen mesajın yanındaki dosya adı VM254 DdiClientMain.js'dir: 17. Bunun ne anlama geldiğini merak ediyorum.
Fosna

Yanıtlar:


118

Geliştirici araçlarında ağ sekmesini açtı ve yenilemek için F5'e bastı - soru hakkındaki yorumunuz için @ Seano666'ya teşekkürler


10
bu benim için de çalıştı. yeniden yükleme sırasında ağ sekmesinin açılması hatayı etkiliyor gibi görünüyor
CodeToad

Profesyonel ipucu: Bir sayfaya yüklenenleri 'Türe' göre sıralayarak sıralayabilirsiniz, bu şekilde tüm komut dosyaları birlikte listelenir
Novastorm

Devtools'u açmak benim için iyi çalışıyor. Ağ Sekmesini açmaya gerek yok.
Surjith SM

Vay bu işe yaradı. Bu çözümü nasıl buldunuz? : P
Gokul NK

Bu hata 77.0.3865.90 (Resmi Yapı) (64-bit) Sürümünde hala mevcuttur
Markus Zeller

41

Benim için Geliştirici Araçları ayarlarını açmam ve ilk sekmedeki "Varsayılanları geri yükle ve yeniden yükle" düğmesini tıklamam gerekiyordu.

Sonra tüm yerel komut dosyalarım tekrar ortaya çıktı ve hata ayıklama normale döndü.


21

Ekle debugger;Senaryonuzun herhangi kısmında talimat, ayıklayıcı bu noktada duracak ve komut dosyası dinamik olarak yüklenen olsa bile, size senaryoyu göstermektedir.

                onSuccess: function (result) {
                    debugger;
                    combo.empty();
                    $(result).each(function () {
                        var option;

                        option = document.createElement('option');
                        option.value = this.Id;

                        $(option).appendTo(combo);
                    });
                }

2
Bu, kaynaklar panelinde göstermeyi reddeden bir AJAX çağrısı aracılığıyla yüklenen bir komut dosyası için mükemmel şekilde çalıştı. Chrome, onu bir tür VM dosyasında çalıştırdığı için, debugger;satıra koymak Chrome'u VM dosyasını açmaya zorladı.
James Haug

@JamesHaug gerçekten, dinamik olarak yüklenen komut dosyalarında hata ayıklayabilmemin tek yolu bu, ya bir çerçeve aracılığıyla yüklenmişler ya da enjekte
edilmişler

Bu benim için çalıştı, ancak orada 'hata ayıklayıcı' olup olmadığını hala göstermiyor.
Steve

10

reloadGeliştirici araçlarında düğmeye sağ tıklamayı deneyin .
Sen seçebileceği bir menü elde edersiniz: Empty Cache & Hard Reload.
Bu benim için çalıştı.


Bu benim için de çalışıyor. Ayrıca, yenilemeden önce bile, eksik komut dosyasını 'Uygulama' sekmesinin altında bulabilirim.
knopch1425

4

Aynı sorunu yaşadım ve "Boş önbellek ve zor yeniden yükleme" benim için çalıştı.


Chrome'u yeniden
yüklememe

3

Sorun: Bir süredir geliştirme / hata ayıklama yapıyordum ve sonra benzer bir sorunla karşılaştım. Konsol günlüklerim satır numaralarını gösteriyor olsa da, tıkladığımda boş bir sayfanın 1. satırına yönlendirildim. Komut dosyalarım html'ye gömüldü, bu yüzden onları Öğeler sekmesinde görebiliyordum, ancak dosyayı Kaynaklar sekmesinde açtığımda, sadece boştu.

Çözüm: Benim için düzeltme , url adresini kopyalayıp yeni bir sekmeye yapıştırmak ve geliştirme araçlarını yeniden açmaktı. Orijinal sekme bir şekilde kötü bir duruma geçmişti.


Aslında. Ben de tamamen aynı sorunu yaşadım. Sorunu düzelten Chrome yeniden başlatıldı.
Rustem Zinnatullin

2

Sorun, ağ haritalama ve eşlemenin kaldırılmasından kaynaklanıyor. Chrome geliştirici araçlarında bu tür sorunlara neden olan bazı garip hata var. Hatta bazen yan çubukta ve sol kenar çubuğundan css dosyasını açtığınızda eski css dosyalarını bile görebilirsiniz. sadece boş olurdu veya daha da kötüsü görünür bile olmazdı.

Ben bile tüm seçenekleri denedim. yeniden başlatılıyor, tüm chache'leri kaldırıyor, eşlemeyi kaldırıyor. gizli mod. Ancak sonunda bu düzeltmeyi yapmak için yeniden yüklemek zorunda kaldı.

Öyleyse devam edin yeni bir krom kurulumu yapın. herşey İyi olmalı.


2

Yüklenmeyen bir klasörle aynı sorunu yaşadım ve aşağıdaki şekilde çözdüm:

  1. In Sourcesmodunda mavi-vurgulanan butonuna tıklayın:

    görüntü açıklamasını buraya girin

  2. Seçin Open file.

  3. Arama giriş kutusuna istenen dosyanın adını yazın.

  4. Sonuç listesinden dosyayı seçin.


1

Nedeni, komut dosyanızın henüz yüklenmemiş olmasıdır, sayfayı f5 ile yenileyin ve kaynaklarda listelenen komut dosyalarını göreceksiniz. Bu, komut dosyası etiketinizi etiketin altına koyduğunuzda gerçekleşir.


1

Benim durumumda, Chrome önbellek sorunuydu. Tazeleme benim için işe yaramadı. Aşağıdaki dosyayı eşledikten sonra sorunum çözüldü

1- Dosyayı tarayıcıda açın, örneğin http://example.com/script.js

2- Bir sürüm ekleyin, örneğin http://example.com/script.js ? V = 2

Bu, önbelleği temizler ve dosya düzenlenebilir olarak görünmeye başlar.


1

Chrome'da hata ayıklıyorsanız, hata ayıklayıcıyı ekleyin; hata ayıklama için tarayıcının durmasını istediğiniz javascript'ten önce ve sonra ifade


0

Chrome profil verilerini kaldırarak Chrome'u yeniden yükledim. Şu an çalışıyor.


1
Chrome geliştirme araçları için profil verilerinin seçilerek silineceği herhangi bir yer var mı? Tüm geçmişi ve yer imlerini vb. Kaybetmek istemeyin.
Alex

3
Bu cevaba rastladım ve tüm Chrome profilini silmeden geliştirici araçları ayarlarını seçerek sıfırlayabilirsiniz. F12'ye ve ardından F1'e basın ve sayfanın altında yalnızca geliştirici araçlarını sıfırlayacak bir düğme var.
Michael Thessel

Çok teşekkürler Michael Tessel - belirsiz nedenlerden dolayı krom geliştiricim yalnızca daha az dosyalarımı göstermeye başladı (bu da hata ayıklamayı oldukça zorlaştırıyor). Devtool ayarlarını sıfırladım ve her şey tekrar çalıştı! :-)
hasse

0

Aynı sorunu yaşadım, tek yaptığım yerel AppData'daki tüm Temp dosyalarını profil adınızın altında silmekti, örneğin C: \ Users \ userprofile \ AppData \ Local \ Temp


0

Benim için de bir 'haritalama ve haritalama' sorunuydu. Tüm eşlemeleri kaldırdım, ancak web sitesinin altındaki klasörler görünmüyordu.

Benim için çözüm şuydu: geliştirici araçlarının ayarlarında "Çalışma Alanı" sekmesine gidin. Hala bazı haritalamalar vardı. Hepsini kaldırdım. Yeniden yüklemeden sonra iyiydi.


0

Aynı sorunu yaşadım ve bahsedilen cevapları denedim, ancak Google Chrome'un sessizce güncellendiğini ve yeniden başlatılması gerektiğini, ardından her şeyin yolunda gittiğini söyledi.

chrome://settings/helpChrome URL'nizi girin ve yeniden başlatılması gerekip gerekmediğini kontrol edin.


0

Javascript komut dosyası etiketindeki yazım hatası nedeniyle bu sorunla karşılaştım.

<script type="text/javsscript" src="./../js/lib/darkmodejs.min.js"></script>

sorun özniteliğin içindeki yazım hatasıydı type, sonra bunu şu şekilde değiştirdim:

<script type="text/javascript" src="./../js/lib/darkmodejs.min.js"></script>

ve benim için sorunsuz çalıştı, bazen sorun çok küçük ama etkileri daha büyük.


0

Benim durumumda sorun, sahip olduğum JavaScript dosyalarının yüklenmesinin çok daha uzun sürmesiydi (yaklaşık 5 dakika), bu yüzden bana hiç yüklenmedikleri izlenimini verdi. Uzun bir süre sonra yerel projeyi yüklediğimde bunun olduğunu gördüm. Yüklendikten sonra, sayfayı yeniledikten sonra bile bellekte kalıyorlar.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.