HTML5 Application Cache
What is Application Cache?
HTML5 memperkenalkan Cache aplikasi, yang berarti bahwa aplikasi web cache, dan dapat diakses tanpa koneksi internet.
Cache aplikasi memberikan sebuah aplikasi tiga keuntungan:
1. Offline browsing - pengguna dapat menggunakan aplikasi ini ketika mereka sedang offline
2. Kecepatan - cache sumber memuat lebih cepat
3. Mengurangi beban server - browser hanya akan mendownload update / mengubah sumber daya dari server
Browser Support
Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh aplikasi Cache.
| API | |||||
|---|---|---|---|---|---|
| Application Cache | 4.0 | 10.0 | 3.5 | 4.0 | 11.5 |
HTML Cache Manifest Example
Contoh di bawah ini menunjukkan sebuah dokumen HTML dengan manifest cache (untuk offline browsing):
<!DOCTYPE HTML>
<html manifest="demo.appcache">
<body>
The content of the document......
</body>
</html>
<html manifest="demo.appcache">
<body>
The content of the document......
</body>
</html>
Cache Manifest Basics
Untuk mengaktifkan aplikasi cache, termasuk atribut terwujud dalam dokumen <html> tag:
<!DOCTYPE HTML>
<html manifest="demo.appcache">
...
</html>
<html manifest="demo.appcache">
...
</html>
Setiap halaman dengan atribut manifest ditentukan akan di-cache ketika pengguna mengunjungi itu. Jika atribut nyata tidak ditentukan, halaman tidak akan di-cache (kecuali halaman ditentukan langsung dalam file manifest).
Ekstensi file yang dianjurkan untuk file manifest adalah: ".appcache"
The Manifest File
File manifest adalah file teks sederhana yang memberitahu browser apa untuk cache (dan apa yang harus pernah Cache).
File manifest memiliki tiga bagian:
1. CACHE MANIFEST - File terdaftar di bawah header ini akan di-cache setelah mereka di-download untuk pertama kalinya
2. NETWORK - File terdaftar di bawah header ini membutuhkan koneksi ke server, dan tidak akan pernah cache
3. FALLBACK - File terdaftar di bawah header ini menentukan halaman mundur jika halaman tidak bisa diakses
CACHE MANIFEST
CACHE MANIFEST
/theme.css
/logo.gif
/main.js
/theme.css
/logo.gif
/main.js
File manifest di atas daftar tiga sumber: file CSS, gambar GIF, dan file JavaScript. Ketika file manifest dimuat, browser akan men-download tiga file dari direktori root dari situs web. Kemudian, setiap kali pengguna tidak terhubung ke internet, sumber daya akan tetap tersedia.
NETWORK
Bagian bawah JARINGAN menentukan bahwa file "login.asp" tidak boleh cache, dan tidak akan tersedia secara offline:
NETWORK:
login.asp
login.asp
Tanda bintang dapat digunakan untuk menunjukkan bahwa semua sumber daya / file lain membutuhkan koneksi internet:
NETWORK:
*
*
FALLBACK
Bagian mundur di bawah ini menyatakan bahwa "offline.html" akan disajikan di tempat semua file di / html / katalog, dalam hal koneksi internet tidak dapat dibangun:
FALLBACK:
/html/ /offline.html
/html/ /offline.html
Catatan: Pertama URI adalah sumber daya, yang kedua adalah mundur tersebut.
Updating the Cache
Setelah aplikasi cache, tetap cache sampai salah satu dari berikut terjadi:
1. Pengguna membersihkan cache browser
2. File manifest dimodifikasi (lihat tip di bawah ini)
3. Aplikasi cache pemrograman diperbarui
Example - Complete Cache Manifest File
CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.asp
FALLBACK:
/html/ /offline.html
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.asp
FALLBACK:
/html/ /offline.html
No comments:
Post a Comment