Css ve Javascript Dosyalarını Yenileme

Tasarımla uğraşan arkadaşlar sık sık karşılaşıyordur bu sorunla. Siteyi aktif ettikten sonra css veya javascript dosyaları üzerinde herhangi bir değişiklik yaptığınız zaman siteye giren kullanıcılar F5 ya da Ctrl+F5 tuşlarına  basıp siteyi yenilemeden yapılan değişikliği göremezler. İşte buna çözüm olarak bir yöntem paylaşacağım sizinle.

Dosyalara sürüm vereceğiz ve herhangi bir değişiklik yaptığımız zaman sürümü değiştirerek tarayıcının dosyanın değiştiğini anlamasına yardımcı olacağız. Bu da ek bir zahmet gerektiriyor tabi ki ama en azından css dosyasının adını değiştirip bir de sayfalardaki dosya bağlantı yolunu değiştirmek daha zahmetli bir yöntem olduğu için bu yöntemi tavsiye ediyorum.

Gel gelelim bu yönteme. Sayfalarınızda css ve javascript bağlantıları aşağıdaki gibi yapıyorsunuz. Herhangi bir değişiklik yaptığınızda da sürümünü değiştiriyorsunuz.

<link href=’css/style.css?ver=0.1.1′ rel=’stylesheet’ type=’text/css’ media=’screen’ />

<script src=”js/site.js?ver=0.2″ charset=”UTF-8″></script>

Reklamlar

Css ve Javascript Dosyalarını Yenileme” için bir yanıt

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s