En son web geliştirme öğreticiler

HTML Uygulama Önbellek

❮ Önceki Sonraki Bölüm ❯

Uygulama önbelleği sayesinde bir önbellek bildirim dosyası oluşturarak, bir web uygulamasının çevrimdışı bir sürümünü yapmak kolaydır.

Uygulama Önbellek nedir?

HTML5, web uygulaması önbelleğe ve bir internet bağlantısı olmadan erişilebilen demektir uygulama önbelleği, tanıtır.

Uygulama önbelleği için uygulamaya üç avantajları sağlar:

  1. Çevrim tarama - onlar çevrimdışı iken kullanıcıların uygulamayı kullanabilirsiniz
  2. Hız - önbelleğe kaynaklar daha hızlı yüklenmesini
  3. Sunucu yükü azaltılmış - Tarayıcı sadece güncellenmiş indirir / değişmiş kaynakları sunucudan

Tarayıcı Desteği

Tablodaki rakamlar tamamen Uygulama Cache destekleyen ilk tarayıcı sürümü belirtin.

API
Application Cache 4.0 10.0 3.5 4.0 11.5

HTML Önbellek Manifest Örneği

Aşağıdaki örnek, bir önbellek bildirimi ile birlikte bir HTML belgesi göstermektedir (for offline browsing) :

Örnek

<!DOCTYPE HTML>
<html manifest="demo.appcache">

<body>
The content of the document......
</body>

</html>
Kendin dene "

Önbellek Manifest Temelleri

Uygulama önbelleğini etkinleştirmek için dahil manifest belgenin niteliği <html> etiketi:

<!DOCTYPE HTML>
<html manifest="demo.appcache">
...
</html>

Olan her sayfa manifest kullanıcı bunu ziyaret ettiğinde belirtilen özellik önbelleğe edilecektir. Eğer manifest Özellik belirtilmezse, sayfa önbelleğe olmayacak (unless the page is specified directly in the manifest file) .

Tezahür dosyalar için önerilen dosya uzantısıdır: ".appcache"

Bir bildirim dosyası ile servis edilmesi gerekmektedir correct media type olduğunu "text/cache-manifest" . web sunucusunda yapılandırılmalıdır.

Manifest Dosyası

Bildirim dosyası önbelleğe ne tarayıcıya bildirir basit bir metin dosyası vardır (and what to never cache) .

bildirim dosyası üç bölüm vardır:

  • CACHE MANIFEST - ilk kez indirilir sonra bu başlığı altında tanımlanan Dosyalar önbelleğe olacak
  • NETWORK - Dosyalar sunucuya bir bağlantı gerektiren bu başlığı altında tanımlanan ve önbelleğe asla
  • FALLBACK - Bir sayfa erişilebilir değilse bu başlığın altında listelenen dosyalar yedek sayfaları belirler

ÖNBELLEK MANIFEST

İlk satır, CACHE MANIFEST, gereklidir:

CACHE MANIFEST
/theme.css
/logo.gif
/main.js

Bir CSS dosyası, GIF görüntü, ve bir JavaScript dosyası: bildirim dosyası yukarıdaki üç kaynakları listeler. bildirim dosyası yüklendiğinde, tarayıcı web sitesinin kök dizinden üç dosya indirecektir. kullanıcı internete bağlı olmadığı zaman tek, kaynaklar kullanılmaya devam edecektir.

AĞ

Aşağıdaki NETWORK bölümü dosyası belirtir "login.asp" önbelleğe asla ve çevrimdışı olmayacaktır:

NETWORK:
login.asp

Yıldız işareti, diğer tüm kaynaklar / dosyaları bir internet bağlantısı gerektiren belirtmek için kullanılabilir:

NETWORK:
*

GERİ ÇEKİL

Fallback bölümü aşağıda belirtir "offline.html" , / html / katalogda tüm dosyaların yerine sunulacak bir internet bağlantısı kurulamıyor durumda:

FALLBACK:
/html/ /offline.html

Not: İlk URI ikinci yedek ise, bir kaynaktır.

Cache güncellenmesi

Bir uygulama önbelleğe sonra aşağıdakilerden biri gerçekleşene kadar, bu önbelleğe alınmış kalır:

  • kullanıcı tarayıcınızın önbelleğini temizler
  • Bildirim dosyası değiştirilir (see tip below)
  • uygulama önbelleği programlı güncellenir

Örnek - Komple Önbellek Manifest Dosyası

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

FALLBACK:
/html/ /offline.html

Tip: Bir ile başlayan Hatları "#" açıklama satırları değil, aynı zamanda başka bir amaca hizmet edebilir. Bir uygulamanın önbellek yalnızca kendi bildirim dosyası değişikliklerini güncellenir. Bir görüntüyü düzenlemek veya bir JavaScript işlevi değiştirirseniz, bu değişiklikler yeniden önbelleğe alınmayacaktır. Yorum hattında tarih ve versiyon güncelleme tarayıcı yeniden önbelleğe dosyalarınızı yapmak için bir yoldur.

Uygulama Önbellek ilgili notlar

Eğer önbelleğe ne dikkatli olun.

Bir dosya önbelleğe sonra, tarayıcı sunucuda dosya değişse bile, önbelleğe alınan sürümünü göstermeye devam edecektir. tarayıcı önbelleği güncelleştirir sağlamak için, bildirim dosyası değiştirmeniz gerekir.

Not: Tarayıcılar önbelleğe alınmış veriler farklı boyut sınırları olabilir (some browsers have a 5MB limit per site) .


❮ Önceki Sonraki Bölüm ❯