Chrome'un komut dosyası hata ayıklayıcısını javascript'i yeniden yüklemeye nasıl zorlarım?


244

Krom hata ayıklayıcıda javascript düzenleme yeteneğini gerçekten seviyorum, ancak JavaScript'ten sunucudan yeniden almak için hata ayıklayıcıyı almak gerçekten sorunlu olabilir.

Bazen sadece hata ayıklayıcıyı kapatmak ve çerçeve yeniden yükleme Tamam çalışır gitmek gerekir - ama diğer zamanlarda (bir dI bu koşullar altında tespit edemez) geçici internet önbelleğimi temizlemek zorunda. Bazen, kromu tamamen kapatmam, sonra önbelleği temizlemem ve sonra hata ayıklayıcı nihayet en güncel komut dosyasını göstermeden önce sayfayı yüklemem gerektiğine yemin ederim.

(Not: Komut dosyasının web sunucusu tarafından önbelleğe alınması yoktur)

Herkes hata ayıklayıcı tüm javascript geçersiz kılmak ve tüm sayfada yeniden yükleme getirmek için hızlı ve kolay bir yol biliyor muydu merak ediyordum?


1
Bazen, şeylerin düzgün bir şekilde yeniden yüklenmesini sağlamak için IIS Express'i yeniden başlatmam bile gerekir.
Chris O

Yanıtlar:


330

Komut dosyanızı geliştirirken Chrome önbelleğini devre dışı bırakmayı deneyin.

Sayfayı yeniden yüklediğinizde, JavaScript artık yenilenmelidir.


2011 dolaylarında krom

Ayarları aç Önbelleği devre dışı bırak


2018 dolaylarında krom

Ayarları aç Önbelleği devre dışı bırak

Buna ağ sekmesinden de erişebilirsiniz:

Ağ sekmesi


8
Peki, bu her zaman mı yoksa sadece hata ayıklayıcı açıkken mi geçerlidir?
PilotBob

7
yalnızca Geliştirme Araçları açıkken
Karolis

11
Bunu baştan sona ayarladım ve şimdi birden bire belli bir dosyaya sıkıştım. Bir çözüm bulan var mı?
IronicMuffin

5
Bu sadece hayatımı yıllar aldı. CMD + SHIFT + R'yi denedim ama bu olmadı. Teşekkürler
Kevin Zych

7
Bu soruya daha yakın zamanda gelenler için, Ayarlar menüsünün Geliştirici Araçları'ndaki üç dikey nokta menüsü dışında olduğunu unutmayın. Burada önbelleği devre dışı bırakmak için kutuyu işaretleyebilirsiniz.
Scott C Wilson

136

resim açıklamasını buraya girin

Yukarıda gösterilen içerik menüsüne , Chrome Dev Araçları açılırken "yeniden yükle" düğmesini sağ tıklayıp / basılı tutarak erişilebilir .

Boş önbellek ve sabit yeniden yükleme benim için en iyi sonucu verir.

Başka Bir Avantaj: Bu seçenek, açık olan tüm diğer sekmelere ve web sitesi verilerine dokunulmaz. Yalnızca geçerli sayfayı yeniden yükler ve siler.


5
Bu özellikle yararlıdır çünkü açıklamak kolaydır. Bir müşteri ile web sitesinde yapılan değişikliği göremiyorum. F12 tuşuna basın, ardından yeniden yükle düğmesine sağ tıklayın, Önbelleği Boşalt ve Sabit Yeniden Yükle'yi seçin. Ben bu yorumu thans, :-)
Gull_Code

Onun en iyi krom özelliği :), her zaman dostum.
Bishoy Hanna

1
Teşekkürler! Yeniden Yükle düğmesinin neden bazen bana bir menü verdiğini ve bazen vermediğini anlamaya çalışıyordum.
iconoclast

1
Javascript dosyalarını yeniden yüklerken Ctrl + Shift + R ile hiç problem yaşamadım, ancak bu HTML dosyalarında sunulan güncellenmiş içeriği geri getirmeyecekti. Bunun için boş Cache ve Hard Reload hile yaptı.
S. Baghee

Bunu yapmanın en iyi yolu, bu boş önbelleği ve sabit yeniden
yüklemeyi

34

Aşağıdakileri yaparak her zaman belirli bir dosyayı silebilirsiniz:

  1. Geliştirici Araçlarını Aç
  2. Kaynaklar sekmesini tıklayın
  3. Betiğinizi / resminizi / dosyanızı bulun
  4. Dosyanızın güncel olup olmadığını görmek için sağdaki paneli kontrol edin

Değilse:

  1. Sol paneldeki kaynağı sağ tıklayın ve 'Bağlantıyı Yeni Sekmede Aç' ı seçin
  2. Yukarıdaki yöntemlerle kaynağın yeniden yüklenmesini zorlayın. (@Bishoy Hanna örneğine bakınız)

Bu, çerçeveler içinde bulunan ve CTRL+F5bunları yenilemeye zorlamayan kaynaklarınız varsa çok kullanışlıdır .


1
doğru. CTRL + F5 tuşlarına basıldığında = Önbelleği yenile geçerli sayfayı temizle
ÇELİK

Kaynaklar sekmem yok.
Mike W

@MikeW, Sources olarak yeniden adlandırıldı - Cevabı güncelledim
Steve Tauber

12

Shift+ F5önbelleği hızla temizler.


18
ctrl-f5 korkarım hardal kesmiyor. Eski javascript dosyası hata ayıklayıcıda kalır.
Chris Fewtrell

9

Google chrome için Ctrl+ değildir F5. Bu var Shift+ F5akım önbelleği temizlemek için! Benim için çalışıyor!


Neden ? Bu ve bir yorum arasındaki farkın ne olduğunu anlamıyorum. Sonunda, en yararlı soru yazının üst kısmında görünecektir.
RPDeshaies

2
Sorgulayan herhangi bir noktada Ctrl-F5'ten bahsetmedi , bu yüzden tanımınız cevabınız soru soran tarafından sorulan soruya bir cevap değil, daha ziyade bir yorum , diğer insanların cevaplarına bir düzeltme ve bu şekilde ele alınmalıdır.
Edward A

9

DevTools için bir kısayol:

  1. F12 DevTools nasıl açılır
  2. F1 Ayarları nasıl açılır
  3. Kontrol (DevTools açıkken) devre dışı bırak önbellek aşağıda gösterildiği gibi:

resim açıklamasını buraya girin

Not: Dimi'nin yorumuna göre güncellenmiştir. Taşımak eğilimindedirler, bu yüzden değiştiğini fark ederseniz yayını bana bildirin veya güncelleyin.


3

Windows'ta Ctrl+ Shift+ r, komut dosyasını chrome'da yeniden yüklemeye zorlar.


2

Geliştirici Araçları'ndaki bir javascript üzerinde yerel değişiklikler yapıyorsanız, sayfayı yeniden yüklemeden önce bu değişiklikleri KAPALI konuma getirdiğinizden emin olmanız gerekir.

Kaynaklar sekmesinde, komut dosyanız açıkken, komut dosyanızı sağ tıklayın ve içerik menüsünden "Yerel Değişiklikler" seçeneğini tıklayın. Bu, değişiklikleri kaydettiğiniz komut dosyalarının listesini getirir. Bu pencerede görürseniz, Geliştirici Araçları yerel kopyanızı sunucudan yenilemek yerine her zaman saklar. "Geri döndür" düğmesini tıklayın, ardından tekrar yenileyin ve yeni kopyayı almalısınız.


1

Chrome hata ayıklayıcısı, kaynak dosyaları belleğe yüklüyor ve tarayıcı önbellek güncellemelerine rağmen onları bırakmayacak gibi görünüyor; yani, senkronize olmayan tarayıcı önbelleğinden ayrı olarak kendi önbelleği var. En azından, bu kaynak eşlenmiş dosyaları (ben daktilo kaynakları kaynak hata ayıklama) ile çalışırken durum budur. Tarayıcı önbelleğini başarıyla yeniledikten ve doğrudan kaynak dosyaya göz atarak doğruladıktan sonra güncellenen dosyayı indirirsiniz, ancak hata ayıklayıcıdaki dosyayı yeniden açar açmaz, sıradan tarayıcı önbelleğinden sürüm ne olursa olsun eski dosyayı döndürmeye devam edecektir. Gerçekten çok anoying.

Bunu kromda bir hata olarak görecektim. 46.0.2490.71 m Sürümü kullanıyorum.

Yardımcı olan tek şey, kromu yeniden başlatmaktır (tüm krom tarayıcıları kapatın).


0

Yüklediğiniz dosyalar önbelleğe alınmışsa ve yaptığınız değişiklikler kodda yansıtılmıyorsa, bununla başa çıkmanın 2 yolu vardır.

  1. Herkesin söylediği gibi Önbelleği temizle

  2. U Önbellek istiyorsanız ve sadece dosyaların yeniden yüklenmesi gerekiyorsa, dev aracının ağ sekmesine gidebilir ve yüklenenleri temizleyebilirsiniz. bir dahaki sefere önbellekten yüklemez. en son değişikliklerinizi yapacaksınız.


0

Apache'de yerel bir sunucu çalıştırıyorsanız, önbellek sorunları gibi bir şey elde edebilirsiniz. Vagrant (sanal kutuda) altında çalışan bir Apache sunucum olduğunda bu bana oldu.

Yapılandırma dosyanıza ( /etc/httpd/conf/httpd.confveya eşdeğeri) aşağıdaki satırları eklemeniz yeterlidir :

#Disable image serving for network mounted drive
EnableSendfile off

Başka bir yere EnableSendfileayarlanıp ayarlanmadığını görmek için yapılandırma dosyasını aramaya değer on.


0

Ayrıca 2 (hızlı) geçici çözüm vardır:

  1. Hata ayıklama yaparken gizli modu kullanın, pencereyi kapatın ve yeniden açın.
  2. Tarama geçmişinizi silin

0

Kesme noktalarını devre dışı bırakmak yeni komut dosyasının benim için yüklenmesine neden oldu.


0

Bence, javascript dosyalarınızın önbellekten gelmediğinden emin olmak için kromun 'özel tarama oturumunda' çalışmak en kolay yoldur.


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.