Web sitesi geliştirme için Chrome önbelleğini devre dışı bırakma

Bir sitenin görünümünü değiştiriyorum (CSS değişiklikleri) ancak can sıkıcı kalıcı önbellek nedeniyle Chrome'da sonucu göremiyorum. ShiftYenilemeyi denedim ama işe yaramıyor.

Önbelleği geçici olarak nasıl devre dışı bırakabilirim veya değişiklikleri görebileceğim şekilde sayfayı nasıl yenileyebilirim?

Chrome DevTools önbelleği devre dışı bırakabilir.

1. Sağ tıklayın ve Inspect ElementDevTools'u açmayı seçin . Veya aşağıdaki klavye kısayollarından birini kullanın :
   • F12
   • CommandMac'te + Option+i
   • ControlWindows veya Linux'ta + Shift+i
2. NetworkAğ bölmesini açmak için araç çubuğunu tıklayın .
3. KontrolDisable cache üst kısmındaki onay.

Bir şekilde, unutmayın tweet gelen @ChromiumDev belirtti, bu ayar devtools açık iken sadece aktif .

Bunun tüm kaynakların yeniden yüklenmesine neden olacağını unutmayın . Önbelleği yalnızca bazı kaynaklar için devre dışı bırakmak isterseniz, sunucunuzun dosyalarınızla birlikte gönderdiği HTTP üstbilgisini değiştirebilirsiniz .

Disable cacheOnay kutusunu kullanmak istemiyorsanız , DevTools açıkken yenile düğmesine uzun basıldığında, benzer bir etkiye sahip Hard Reloadveya Empty Cache and Hard Reloadbenzer bir etkiye sahip olması gereken bir menü gösterilir . Seçenekler arasındaki fark hakkında bilgi edinin . Aşağıdaki kısayollar kullanılabilir:

• CommandMac'te + Option+R
• ControlWindows veya Linux'ta + Shift+R

Önbelleği temizlemek saatte 30 kez önbelleği temizlemeniz gerektiğinde çok can sıkıcı bir durumdur. Bu nedenle , her sayfa yüklemesinde önbelleği temizleyen Klasik Önbellek Katili adlı bir Chrome Uzantısı yükledim .

Chrome Mağazası Bağlantısı (ücretsiz) (Artık kötü amaçlı yazılım olmadan!)

Şimdi benim sahte json, javascript, css, html ve veri yenilemeleri her zaman üzerinde her sayfa yüklemesinden .

Ben asla Önbelleğimi temizlemek gerekiyorsa endişe var.

Bulduğum Chrome için yaklaşık 20 önbellek temizleyici var, ancak bu hafif ve sıfır çaba gibi görünüyordu. Bir güncellemede, Cache Killer artık "her zaman açık" kalabilir.

Not: Eklenti yazarını hiçbir şekilde bilmiyorum. Sadece yararlı buldum.

1. F12Ve düğmelerine basarak (konsol açıkken) Chrome geliştirici konsolunu yukarı çekin :

2. Tarayıcının üst kısmındaki yeniden yükle düğmesini sağ tıklayın (veya sol tıklamayı basılı tutun) ve "Önbelleği ve Sabit Yeniden Yükleme'yi Boşalt" ı seçin.

Bu, önbelleği tamamen boşaltmak için "Sabit Yeniden Yükleme" nin ötesine geçerek, javascript vb. Yoluyla indirilen herhangi bir şeyin de önbelleği kullanmaktan kaçınmasını sağlar. Ayarlarla ya da herhangi bir şeyle uğraşmak zorunda değilsiniz, hızlı bir 1 çekim çözümü.

Chrome'da sayfa önbelleğini iyi bir şekilde devre dışı bırakmak için iki seçenek daha vardır :

1. Kayıt Defteri'nde Chrome Önbelleğini Devre Dışı Bırakma

Kayıt Defterini Aç (Başlat -> Komut -> Regedit)

Aramak: HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command

Sonra ... chrom.exe "kısmını bu değere değiştirin: –disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

Misal: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

ÖNEMLİ:

• orada bir boşluk ve kısa çizgi sonra ... chrome.exe "

• olduğu gibi chrome.exe yolunu bırakın

• Satırı kopyalarsanız, tırnakların gerçek tırnak olup olmadığını kontrol ettiğinizden emin olun.

2. Kısayol özelliklerini değiştirerek Chrome önbelleğini devre dışı bırakın

Chrome simgesini sağ tıklayın ve içerik menüsünde "Özellikler" i seçin. Yola aşağıdaki değeri ekleyin: –disk-cache-size=1

Misal: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" –disk-cache-size=1

ÖNEMLİ:

• orada bir boşluk ve kısa çizgi sonra ... chrome.exe "

• olduğu gibi chrome.exe yolunu bırakın

Chrome ayarlarını düzenlemek istemiyorsanız aynı sonuçlar için gizli modu kullanabilirsiniz.

Önbellek devre dışı bırak seçeneğine ek olarak (geliştirici araçları penceresinin sağ alt köşesindeki bir düğme aracılığıyla erişebilirsiniz - Araçlar | Geliştirici Araçları veya Ctrl+ Shift+ I), geliştirici araçlarının ağ bölmesinde artık sağ tıklayabilirsiniz ve açılır menüden "Önbelleği Temizle" yi seçin.

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:

Bu, şu anda varsayılan olan Tercihler sekmesindedir. Aşağı kaydırmanız gerekebilir. Bu soru sorulduğundan beri bu onay kutusu en az birkaç kez taşındı. Son kontrol ettim, alttaki orta sütundaydı. Ekranı daha ince bir ekranda açarsanız ve Tercihler altında 2 sütun varsa, sağ üst köşeye yakın olabilir. Değişirse veya yorum yaparsa bu yayını güncellemekten çekinmeyin, ben de yayını güncelleyeceğim.

"F5" e vurmak yerine:

"Ctrl + F5"

Kanarya Kanalı'nda (ve belki de geliştirici ve sabit kanal takip edecek) bu, "Genel" bölümünün altında sol tarafta genel olarak ikinci seçenek olarak bulunacaktır.

Buna ek olarak, Ctrl + Shift + N ile Gizli Mod'a geçme seçeneği her zaman maalesef oturumunuzu bitirmesine rağmen.

Yenilemek için Ctrl+ Shift+ kullanmak Rgüzeldi ama gerekli her şeyi alamadım. js ve css'de saklanan veriler gibi bazı şeyler yenilenmez. bir çözüm buldu: Chrome web geliştiricileri için google araç çubuğu . Araç çubuğunu yükledikten sonra seçenekleri ve "sayfayı sıfırla" yı seçin.

Açık olmak gerekirse, Chrome'daki önbelleği devre dışı bırak onay kutusu (burada v17, ancak v15'ten beri inanıyorum) ana ayarlar kullanıcı arayüzünde değil. Geliştirici araçları ayarları arayüzünde.

1. Tarayıcı penceresinin İngiliz anahtarı simgesi menüsünden (tercihler menüsü) Araçlar → Geliştirici Araçları'nı seçin

2. Görüntülenen geliştirici araçları kullanıcı arayüzünde sağ alt taraftaki dişli çark simgesini tıklayın.

3. Ağ bölümündeki 'Önbelleği devre dışı bırak' onay kutusunu işaretleyin.

Chrome'da önbelleği devre dışı bırakma yalnızca geliştirme araçlarınız açık olduğunda çalışır

Hata düzeltilene kadar Clear Cache Chrome eklentisini kullanabilirsiniz ve bunun için bir klavye kısayolu da ayarlayabilirsiniz.

Yükledikten sonra sağ tıklayın ve seçeneklere gidin:

Kontrol edin Automatically reload active tab after clearing data:

EverythingDönem için Seçin :

Ve sonra Menü => Araçlar => Uzantılar'a gidebilirsiniz:

En alttaki klavye kısayollarını tıklayın:

Ve klavye kısayolunuzu ayarlayın, örneğin Ctrl+ Shift+ R:

Aslında bant genişliğini kullanmanın bir sakıncası yoksa, önbelleği devre dışı bırakmak ve birçok güvenlik sitesi tarafından tavsiye edilen birçok nedenden dolayı daha güvenlidir.

Chromium, kullanıcılara karar vermek ve ayarları uygulamak için yeterince kibirli olmamalıdır.

UNIX'te önbelleği --disk-cache-dir = / dev / null ile devre dışı bırakabilirsiniz.

Bu beklenmedik çökmeler meydana gelebilir, ancak eğer yaparlarsa, bu her durumda düzeltilmesi gereken daha ciddi bir hataya işaret edecektir.

Bu birine yardımcı olabilir.

Nginx'imi çılgın önbellekleme için donattım. Böylece, ağ araçlarında önbelleği devre dışı bırakmak ve önbelleği açıkça temizlemek işe yaramaz.

Çok basit ama sıkıcı bir çözüm, sadece yeni bir Gizli Sekme açıyorum. Şaşırtıcı bir şekilde, her zaman çalışır!

Gizli modda zor bir yenileme, aynı modda yeniden yüklemek istediğimde hile yapar.

Sayfanın önbelleğe alınmasını önlemek için sayfa adını değiştiren bir yer işaretine ne dersiniz? Chrome'da yeni bir yer işareti oluşturur ve ardından kodu URL'ye yapıştırırsınız. Yer işaretini tıkladığınızda sayfa önbelleği kapatmak için zaman damgasıyla yeniden yüklenir.

javascript:(function(){var idx = location.href.indexOf('?');var d = new Date();var str = location.href.substr(0,idx) + '?version=' + d.getTime();location.href=str; void 0;})();

Yeni yakalandım, ancak Chrome nedeniyle olması gerekmiyor.

AJAX istekleri yapmak için jQuery kullanıyorum. İstekte true olarak ayarlanmış önbellek özniteliği vardı:

   $.ajax({
        type: 'GET',
        cache: true,
        ....

Bunu yanlış olarak ayarlamak sorunumu düzeltti ancak bu ideal değil.

Bu verilerin nereye kaydedildiği hakkında hiçbir fikrim yok ama kromun bir istek için sunucuya asla çarpmadığını biliyorum.

Şimdi daha iyi ve daha hızlı bir yol var (Chrome sürüm 59.xx):

Yeniden yükleme simgesine (url alanının solunda) sağ tıklayın ve bir açılır menüye sahip olun, üçüncü seçeneği seçin: 'boş Önbellek ve Sabit yeniden yükleme'.

Bu seçenek yalnızca geliştirici araçları açık olduğunda kullanılabilir. (Seçenek 2'nin farkına dikkat edin: 'Sabit yeniden yükleme' -cmd-shift-R). Burada önbellek boşalmıyor!

Chrome web mağazasında Önbelleği Temizle adlı bir krom uzantısı var .

Her gün kullanıyorum ve bence çok kullanışlı bir araç. Yeniden yükleme düğmesi olarak kullanabilir ve önbelleği temizleyebilir ve isterseniz çerezleri, yerel depolamayı, form verilerini vb. De isteyebilirsiniz. Böylece, tüm bu bokları yalnızca seçtiğiniz alanlara basmak zorunda olduğunuz yeniden yükle düğmesiyle temizleyebilirsiniz.

Çok çok güzel!

Seçeneklerde bunun için bir Klavye Kısayolu da tanımlayabilirsiniz!

Ayrıca başka bir yol da krom pencerenizi gizli modda başlatmaktır. Burada önbellek de tamamen devre dışı bırakılmalıdır.

Önbelleği devre dışı bırakmak için bir seçenek daha 3. Chrome uzantısı Sayfa Boyutu Denetçim tarafından sağlanıyor Devtools'un yaptığı gibi devre dışı bırakan Denetçim tarafından sağlanır.

Buna ek olarak, uzantı bir web sayfasının sayfa boyutunu, önbellek kullanımını, ağ isteklerini ve yükleme süresini hızlı bir şekilde uygun bir şekilde raporlar. Ayrıca Github'daki açık kaynağı .

Ne kullandığınızdan emin değilsiniz, ancak ASP.Net kullanıyorsanız cazibe gibi çalışan aşağıdakileri yapabilirsiniz:

<link href="@Url.Content("~/Content/Site.css")?time=@DateTime.Now" rel="stylesheet" />

Temel olarak, her çalıştırıldığında Tarih ve Saati otomatik olarak dosyanın sonuna ekler, yani dosya adı teknik olarak farklı olduğundan, bir daha önbelleğe alınması konusunda endişelenmenize gerek kalmaz.

Aynı sorunu yaşadım, denedim:

• Kontrol Shift R,
• F12'de önbelleği devre dışı bırak
• Kontrol F5.

Sonra https olmayan bir site için bir .appcache bildiriminin kullanılmasının kaldırıldığını keşfettim . Html etiketindeki site.appcache dosyasını ve referansını kaldırdım ve şimdi her sayfanın en son sürümünü görüyorum!

ServiceWorkers (örneğin: Aşamalı web uygulamaları için) kullanıyorsanız, büyük olasılıkla geliştirici araçlarındaki Uygulama> Hizmet Çalışanları altındaki " Yeniden yükleme sırasında güncelleme" seçeneğini de işaretlemeniz gerekir.

Sürüm 50'den beri (doğru hatırlıyorsam), "Önbelleği devre dışı bırak" seçeneği Devtool Ayarlarından kaldırıldı. "Ağ" sekmesine gidin ve "Önbelleği devre dışı bırak" seçeneği vardır.

Siteniz PHP kullanıyorsa, html sayfanızın başlangıcında aşağıdaki küçük PHP snippet'ini yerleştirin:

   //dev versioning - stop caching
   $rand = rand(1, 99999999);

Şimdi bir komut dosyasına veya bağlantı öğesine CSS veya JS dosyaları gibi kaynakları yüklediğiniz her yerde, oluşturulan rastgele değerinizi '?' Ekledikten sonra istek URL'sine ekliyorsunuz PHP üzerinden URI'ya:

    echo $rand;

Bu kadar! Sitenizi önbelleğe alan hiçbir tarayıcı olmayacak - hangi tür olursa olsun.

Elbette yayınlamadan önce kodunuzu kaldırın veya yeniden önbelleğe almayı sağlamak için $ rand değerini boş bir dizeye ayarlayın.

Yukarıda açıklanan diğer seçenekleri kullandım ama en iyi chrome.exe başlangıç ​​için aşağıdaki parametreyi eklemek olduğunu bulmak.

"C: \ Program Dosyaları (x86) \ Google \ Chrome \ Application \ chrome.exe" --disk-cache-size = 1 -media-cache = 1

Medya önbelleğini devre dışı bırakmamanın iyi bir fikir olduğunu düşünüyorum ama tamlık uğruna burada.

Aslında, önbelleği tamamen devre dışı bırakmak, diskim yerine IO için belleği kullanmak için bir seçenek istiyorum (bu da yükleme süresini 10 kat daha hızlı hale getirir!) Ama krom veya bu konuda herhangi bir tarayıcının henüz bu seçeneği olmadığını düşünüyorum .

Önbelleği geçici olarak nasıl devre dışı bırakabilirim veya değişiklikleri görebileceğim şekilde sayfayı nasıl yenileyebilirim?

Hangi "önbellekten" bahsettiğiniz belli değil. Bir tarayıcının içeriği kalıcı olarak önbelleğe alabileceği birkaç farklı yöntem vardır. Web Depolama bunlardan biri,Cache-Control diğeri.

Bazı tarayıcılarda Cache, çevrimdışı destek sağlayan Aşamalı Web Uygulamaları (PWA) oluşturmak için Hizmet Çalışanları ile birlikte kullanılan bir de bulunur .

PWA'nın önbelleğini temizlemek için

self.caches.keys().then(keys => { keys.forEach(key => console.log(key)) })

önbellek anahtarlarının adlarını listelemek için şunu çalıştırın:

self.caches.delete('my-site-cache')

önbellek anahtarını ada göre silmek için (ör my-site-cache.). Ardından sayfayı yenileyin.

Yenilemeden sonra konsolda çalışanla ilgili hatalar görürseniz, kayıtlı çalışanların kaydını da silmeniz gerekebilir:

navigator.serviceWorker.getRegistrations()
  .then(registrations => {
    registrations.forEach(registration => {
      registration.unregister()
    }) 
  })

Chrome'un Cache katili açık ara en iyi seçenektir. Önbellek öldürücü yüklemek için mağaza URL'si kapalı olduğundan, CRX dosyasını buradan indirebilirsiniz:

https://www.crx4chrome.com/extensions/jpfbieopdmepaolggioebjmedmclkbap/

uzantı dosyası indirildikten sonra Chrome -> diğer araçlar -> uzantılarını açın, ardından uzantıyı yüklemek için CRX dosyasını Dosya Gezgini'nden veya Masaüstünüzden (dosyayı indirdiğiniz konuma bağlı olarak) krom penceresine sürükleyin.

(Windows'ta), ctrl + shift + delete tuşlarını kullanıyorum ve krom iletişim kutusu açıldığında enter tuşuna basın. Bu, bu sekansı her yürüttüğünüzde temizlenmesi gerekenlerle yapılandırılabilir. Geliştirmeye gerek yok. Bu durumda araçlar açılır.

Tarayıcı, önbellek verilerini diskten yüklediğinde bile önbelleği devre dışı bıraktığımı (Chrome kullanıyordum) kontrol ettim. Tüm CSS ve JS dosyalarım web sayfasından değil sunucudan yükleniyordu. Bu hem yerel hem de Üretimimde oluyordu.

Bunu düzeltmek için, tarayıcıyı web sayfasını sunucudan almaya zorlamak için URL'ime ekstra bir param koymam gerekiyor, hatta denetleyicinin buna ihtiyacı yoktu.

ASP.Net kullanıyordum, işte benim örneğim:

//Controller function
public ActionResult Index()
    {
        return View();
    }
//Link
@Html.Action("Index", "Home", new { ts = DateTime.Now.Ticks.ToString()})

Sonuç, şu gibi bir bağlantı üretecektir: http://www.myweb.com/Home/Index?ts=636558555408282209

Bu benim durumum ve çözümüm. Umarım birine yardımcı olabilir.