CSS değiştirdiğimde tarayıcıda güncellenmiyor


14

Wordpress sitemin CSS üzerinde çalışıyorum. Değişiklik yaptığımda ve sayfayı yenilediğimde değişiklikler yansıtılmıyor. Tarayıcı geçmişini ve önbelleği temizlediğimde değişiklikler hala yansıtılıyor. Sayfanın kaynak kodunu görüntülediğimde ve css dosyasına baktığımda değişiklikten önce eski içeriğe sahip oluyorum. Geliştirebilmem için bunu nasıl güncelleyebilirim?


Çalışan bir önbellek eklentiniz var mı? CSS dosyalarınız sunucuda önbelleğe alınabilir.
Pat J

Önbellek eklentim yok gibi görünüyor.
David Tunnell

WordPress kullanmıyorsanız çalışır mı? Örneğin, çağrılan bir dosya test.htmlve ilişkili bir .cssdosya?
Pat J

Yanıtlardan biri sorunu çözmenize yardımcı olduysa, lütfen kabul ettiğinizden emin olun!
mrwweb

Yanıtlar:


14

Eklemekte olduğunuz css dosyasının sonuna rastgele bir sürüm numarası ekleyin. ' Wp_enqueue_style ' veya wp_register_style işlevlerini kullanıyorsanız, rand(111,9999)4. parametreye rastgele (sürüm) bir sayı iletin . Css'yi html etiketi olarak ekliyorsanız ?ver=<?php echo rand(111,999)?>, dosya adının sonuna " " eklemeniz gerekir . Örnekler burada

wp_register_style( 'custom-style', get_template_directory_uri() . '/css/custom-style.css', array(), rand(111,9999), 'all' );

veya

<link rel="stylesheet" type="text/css" href="http://website.com/css/custom-style.css?ver=<?php echo rand(111,999)?>">

İstemci sonunda önbelleğe alma ve muhtemelen sunucu önbelleğe almayı önleyecektir.


7

Bu yazının bir yıldan daha eski olduğunu biliyorum, ancak CloudFlare'nin daha hızlı yükleme sürelerine yardımcı olmak için css, js ve resimler gibi statik dosyaları önbelleğe aldığını söyleyebilirim. Anlamak için saatler sürdüğüm bir şey, çünkü css değişiklikleri ile yeniden yüklemeye yansıtmayan sorunlar yaşıyordum. CloudFlare, 3 saat boyunca etkinleştirebileceğiniz Geliştirme moduna sahiptir. Değişiklik yapmaya başlamadan önce etkinleştirmeyi unutursanız, önbelleği cloudflare yönetiminden temizleyebilirsiniz.


1
CloudFlare, ?ver=dosyanın güncellenip güncellenemeyeceğini düşünür .
hlcs

CSS, javascript'te her değişiklik yaptığımda Cloudfare önbelleğini temizlemem gerektiğini söylüyor musunuz? Bu geliştirme modu aslında ne yapıyor? Thnx
Tanvir

0

Ana makinenizin sitenizin çıktısını önbelleğe almak için Vernik gibi bir şey kullanıyor olması mümkündür. Bunu bir müşterinin sitesi ile bir indirimli oran barındırma hesabında barındırılan koştu. Bulduğum tek çözüm sadece sabırlı olmaktı.


0

Bir alt tema kullanıyorsanız, değişiklikleri hemen görmek için alt tema stil sayfasını sıkmanız gerekebilir. Bu benim sorunumu çözdü.


0

Sadece işaret etmek istiyorum - yüklediğiniz önbellek eklentilerine dikkat ettiğinizden emin olun . Örneğin WP En Hızlı Önbellek , WP kontrol panelinde oturum açmayı hatırlamıyorsanız ve gezinme menüsünde "Önbelleği Temizle -> Önbelleği Sil ve Küçültülmüş CSS / JS" yi tıklarsanız bu sorunu oluşturabilir.


0

Bu belki eski. Ama yardım isteyebilecek birini desteklemem gerekiyor. Aynı sorunu yaşadım ve eklentilerimi kontrol ettim. Yüklemeyi hızlandıran "w3 total cache" eklentisi vardı. Bu sunucu tarafı önbellek eklentisi, bu yüzden devre dışı bıraktım. Css değişiklikleri gerçek zamanlı olarak tekrar görülebilir. Çok sayıda booster eklentisi var. Eklenti listenizi kontrol edin ve geliştirmeyi bitirene kadar devre dışı bırakın.

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.