Önbellek devre dışı olsa bile sunucu neden kod dosyalarındaki değişiklikleri yok sayıyor?

Localhost'umda bir html / js kodu test ediyorum (Windows 7, Chrome v79.0.3945.130 (64 bit)) ve zaman kodu değişikliklerinin yaklaşık% 50'si tarayıcıya yansıtılmadı (Dev Araçlar / Kaynaklar ile görüyorum) ).
İnternette bir ton tavsiye var, ancak ikisi de işe yaramıyor gibi görünüyor:

• Yeniden yükle'ye sağ tıklayın ve "Boş önbellek ve Sabit yeniden yükleme" yi seçin - vakaların% 30'unda yardımcı olmaz.
• Chrome Geliştirici Araçları'nın Ağ sekmesinde önbelleği devre dışı bırak - yardımcı olmaz.
• <meta http-equiv="Cache-control" content="no-cache">Başlığa ekleyin - yardımcı olmaz.
• Değiştir <script src="common.js"></script>tarafından <script src="common.js?blabla"></script>- vakaların% 60 yardımcı olur, ama her değişiklik büyük bir angarya sonra bunu yapmak gerekir. Ayrıca, html değişiklikleriyle çalışmaz.
• Bir dosyayı yeni bir dosyaya kopyalayın (index.html'den index2.html'ye) ve koddaki dosya adını değiştirin - her zaman çalışır, ancak daha da büyük bir iştir.

Kod aynı github.io taahhüt ettiğimde mevcut aynı sorun

Sitenin kod değişikliklerini hemen yansıtması için lütfen bana yardımcı olun.

Düzenleme: Bir dosya index3.html oluşturdum ve orada sadece "merhaba dünya" koymak. Dosyayı tarayıcıda açtı. "Merhaba world2" olarak değiştirildi - tarayıcı içeriği güncelledi. "Merhaba world3" olarak değiştirildi - tarayıcı birden fazla yeniden yükleme ve "Boş önbellek ve sabit yeniden yükleme" işlemlerinden sonra bile "merhaba world2" yi gösteriyor. "Merhaba world4" olarak değiştirdim - tarayıcı hala "merhaba world2" gösterdi. 4 saat içinde "merhaba world5" olarak değiştirdim - tarayıcı hala "merhaba world2" gösteriyor. Bu dosyayı temel not defteri ile düzenledim.

Edit2: İnsanlar hangi sunucuyu kullandığımı soruyorlar. Bu sorunun bir parçası gibi görünüyor. Ne yazık ki, bilmiyorum ve ne kontrol etmek için tam olarak ne yapmam gerektiğini de bilmiyorum. Şimdiye kadar öğrendiğim şu:

• Ben inetpub/wwwroothtml & js dosyaları koymak ve sonra bir tarayıcıda index.html açmak dizin var http://localhost/.
• Devs Tools içindeki Network panelim şöyle: image link .
• Sunucu kurulumu çok hızlıydı ve yüklenmesi için herhangi bir ek yazılıma gerek duyulmadı. Yani node.js kullanmıyorum.
• İisstart.htm var inetpub/wwwrootve açtığımda http://localhost/iisstart.htmIIS7 diyor.

Parametre kullanmak doğru yoldur! Burada yalnızca büyük değişikliklerde değiştirdiğiniz bir sürüm numarasını manuel olarak ekleyebilirsiniz ve hata ayıklama için Date.time () olarak ayarlayabilirsiniz; bir:

< script type="text/javascript"> 
    var script = document.createElement('script'); 
    var version = Date.time();
    script.src = "common.js?v="+version; 
    document.head.appendChild(script) 
< /script>

Bu yardımcı olur umarım!

Windows 7 üzerinde çalışan IIS7 Windows sunucusunda, içeriğinizin önbelleğe alınmasını önlemek için, adı verilen yapılandırma dosyalarınızdan birinde bazı değişiklikler yapmanız gerekir web.config. Daha sonra IIS 7 ve konfigürasyon dosyalarının bulunmaktadır %WinDir%\System32\Inetsrv\Config foldernerede %WinDir%Windows (genellikle yüklü klasördür C:/Windows).

web.configDosyanızı düzenlemeden önce yedek bir kopyasını oluşturun, böylece dosyada yapacağınız değişiklikler onu bozarsa dosyaya geri dönebilirsiniz.

Senin içinde web.configdosyanın sadece aramalarınızdan önbelleğe önlemek için aşağıdakileri ekleyin index.html:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>

  <location path="index.html">
    <system.webServer>
      <httpProtocol>
        <customHeaders>
          <add name="Cache-Control" value="no-cache" />
        </customHeaders>
      </httpProtocol>
    </system.webServer>
  </location>

</configuration>

Dosyanın dosya yolunu web.configburadan bulabilirsiniz: Windows Doc: Yapılandırma Başvurusu

Yukarıdaki önbellek yapılandırmasını buradan edinebilirsiniz: IIS aracılığıyla sunulan tek sayfalık uygulama HTML dosyasının önbelleğe alınmasını nasıl devre dışı bırakabilirim?

Aynı sorun vardı ve bu benim kontrol listem:

1. Kontrol web.config (önbelleğe alma ve clientcache, çekirdek önbellek politikası vs) veya .htaccess (Üstbilgi Cache-Control ayarlanır).
2. ASP, PHP gibi dinamik diller kullandıysanız, dahili önbellek ayarı olabilir. Bir durumda <%Response.Expires=1440%>ASP kodu birçok satırda buldum ve diğer tüm ayarları aşmak oldu! Php session_cache_expirede aynı şeyi yapabilir.
3. IIS kullanıyorsanız , sunucu adı altında listelenen web siteleri için de aynı önbellekleme konusunda hiçbir şey olmadığından emin olmak için sunucu > HTTP Yanıt üstbilgilerini kontrol edin .
4. http-equiv="Cache-control"html başlıklarını kontrol edin (bu testi geçtiniz!).

Sonunda yukarıda tüm durumlarda, kontrol edilmesi söylemek zorunda devre dışı bırak önbellek içinde newtwork ancak bu iyidir hep benim için çalıştı Krom konsolunda sekmesi yalnızca amaçları ve bunu alışkanlık ziyaretçileri ayıklama için sayfaların yeni bir sürümünü görüntülemek için!

Google Chrome kullanımıyla ilgili özel bir durumda, şunu deneyin: Geliştirici Araçlarını açın -> 'Ağ' sekmesine gidin. Sayfayı yeniledikten sonra 'Önbelleği devre dışı bırak' onay kutusunu işaretleyin.

NOT: Bunun, Dev Araçları penceresi her zaman açık kalması GEREKİR.

Ancak, kullanıcılarınıza değişiklikleri yaymak için, sayfayı zor bir şekilde yenilemelerine vb. Gerek kalmadan, sık sık değişen dosyalar için (tıpkı belirttiğiniz gibi) başvurulan her dosyanın sonuna dosya sürümlerini eklemeniz gerekir. Örneğin:

<link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Sites/stackoverflow/primary.css?v=20b379f72a37" >

v=20b379f72a37Sonuna eklenen bir dosyanın içeriğinin otomatik olarak oluşturulmuş bir dosya bozulmasıdır.

Bu uzun bir çekim - ama ne tür bir editör / IDE kullanıyorsunuz? Ayrıca, index.html dosyasında ne tür düzenlemeler yapıyorsunuz?

Dosyayı kaydedip yüklemeye çalıştığınızda yansıtılmayan bu tür düzenlemelere bazı örnekler verebilir misiniz?

Sorununuzu yeniden oluşturmayı denemek istiyorum. İnsanların önerdiklerinden, sorunun kodun içinde olduğu görülmemektedir. Bunun çevresel bir sorun olduğundan şüpheleniyorum, ancak şüphelerimi doğrulamak için sizden daha fazla bilgiye ihtiyacım var.

HTML meta'ya yazdıklarınız, tarayıcılara bir öneri değil, kesin bir talimattır. Tarayıcıda katı önbellekleme etkinse, bu yardımcı olmaz.

Çözümler iyi tanımlanmıştır: https://curtistimson.co.uk/post/front-end-dev/what-is-cache-busting/

Ben sunucu tarafında komut dosyası eklemek için dosyanın son güncelleme tarihi ile sürüm tercih ederim.

<script src="/myScript.js?v=1579780745150"></script>

Nerede 1579780745150 Unix zaman damgası günceller olan MyScript.js dosyasının kendisinin. Yalnızca kendi dosyalarıyla çalışır, ancak harici olanlara gerek yoktur. Çoğu zaman dosya adında sürümdür.

Bu muhtemelen gerçekten sinir bozucu ve yanlış bir şey yapıyormuşsunuz gibi gelmiyor.

Sorun büyük olasılıkla tarayıcınız ve aradığınız komut dosyası arasında bazı önbellekleme yaparak bir şey olabilir.

Ne olduğunu belirlemek için localhost URL'sine nasıl göz attığınızı sorayım.

Örnekler:

file://path/to/file.html
http://localhost/file.html
http://127.0.0.1/file.html
http://[machine's-hostname]/file.html
http://[custom-domain-defined-in-hosts-file]/file.html

Eğer çalışıyorsa file://path/to/file.htmlbu araçlar bir web sunucu / proxy üzerinden gezen değildir. Eğer öyleyse http://[something]/file.htmlo zaman bir tür web sunucusu çalıştırıyorsunuz ve muhtemelen suçludur. Önbelleği kapatabileceğiniz bir tür ayar arayın.

Bir web sunucusu kullanmıyorsanız ve tam anlamıyla bir web sunucusu olmadan doğrudan yerel bir html dosyasına göz atıyorsanız, tarayıcının suçlu olduğunu öneririm. Bu durumda, Martin Shishkov'un önerdiği gibi tarayıcı önbelleğini kapatmanızı öneririm .

Chrome, dosya çok fazla değişmediyse, ne anlama geldiğinden emin değilse, “derlenmiş” önbellek sürümünü kullanacağı bu şeyi yapar. Html için ayrıştırılmış don ağacı anlamına gelir. JS için önceden derlenmiş kod vb.

Bunu ele almanın genellikle yolları vardır, birçok çerçeve dosya adlarında karma kullanır: main.md5hash.jsçünkü dosya adını değiştirmek herhangi bir önbelleği geçersiz kılar.

O zaman muhtemelen html güncellenmez kalacak. Ve net olmak gerekirse, emin değilim, her zaman rastgele damla ile yorum ekleyebilirsiniz ... bir tarih gibi.

Yanıtınızın güncellemelerine dayanarak, sorununuzun IIS v7'den kaynaklandığını söyleyebilirim, yerel sabit sürücünüzü önbelleğe almak için PC Belleğinizi kullanıyor olmasının nedeni budur Hard reloadve diğer tüm yöntemler düzgün çalışmıyor gibi görünüyor.

3 çözüm düşünebilirim:

1. IIS önbellek sorununuzu çözme: (IIS'li bir bilgisayarım olmadığı için test edilmedi)

1. Gönderen Başlat menüsünden tıklayın Yönetimsel Araçlar ve ardından Internet Information Services (IIS) Yöneticisi. (bkz Görüntüleri )
2. Gelen ağaç görünümü sol tarafında , başvurunuzu bulabilirsiniz.
3. Seç Çıkış Önbelleği menü öğesini.
4. Önbellek Kuralı Ekle'yi tıklayın, ardından extensionönbelleği devre dışı bırakmak istediğiniz dosyaları yazın. Yani .aspx.css, .js vb ...
5. Artık, kullanıcı modu önbelleğe almayı kaldırabilir veya Tüm önbelleğe almayı engelle'yi seçebilirsiniz . Buna benzer görünmelidir:

Çözüm Kaynağı - IIS 7 Önbellek hakkında daha fazla bilgi edinin

2. IIS için bazı alternatifler kullanma Oldukça az ama tavsiye ederim (deneyimlerime dayanarak) WAMP veya XAMPP Her ikisi de size daha iyi bir geliştirme "ortamı" verecek ve her ikisi de Windows 7'yi destekleyecektir. Ayrıca, VS Kodu sadece Live Server uzantısını kullanabilirsiniz .

3. Geliştirirken Chrome Gizli modunu kullanın . (IIS7 için çalışıp çalışmadığından emin değilim)