Pemenuhan aplikasi HTML5

Dengan pemenuhan aplikasi, melalui peng创筑 cache manifest file, boleh mudah untuk membuat versi luar talian web aplikasi

Apakah pemenuhan aplikasi?

HTML5 memperkenalkan pemenuhan aplikasi (Application Cache), yang bermakna web aplikasi boleh disimpan di dalam cache dan diakses tanpa hubungan internet

Pemenuhan cache aplikasi memberikan tiga kelebihan kepada aplikasi:

  1. Pemantauan luar talian - pengguna boleh guna mereka semasa aplikasi di luar talian
  2. Kepentingan - sumber yang disimpan di dalam cache di muat lebih cepat
  3. Mengurangkan muat kerja pelayan - pelayar hanya akan muat sumber yang telah diubah atau diupdate daripada pelayan

Dukungan Pelayar

Angka di dalam tabel menunjukkan versi pelayar yang mendukung penukaran aplikasi sepenuhnya.

API
Simpanan Aplikasi 4.0 10.0 3.5 4.0 11.5

Contoh HTML Cache Manifest

Contoh di bawah ini menunjukkan dokumen HTML dengan cache manifest (untuk dibuka dalam keadaan luar talian):

Contoh

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

Cuba Sendiri

Asas Cache Manifest

Untuk mengaktifkan penukaran aplikasi, termasuk atribut manifest dalam tag <html> dokumen:

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

Setiap halaman yang disetkan manifest akan disimpan di penukaran apabila pengguna mengaksesnya. Jika atribut manifest tidak disetkan, halaman ini tidak akan disimpan di penukaran (kecuali halaman ini disimpan secara langsung di dalam fail manifest).

Sarankan ekstensi fail bagi fail manifest adalah: ".appcache".

Perhatian:Fail manifest perlu untuk disetkan MIME-type yang betul, iaitu "text/cache-manifest". Ia mesti disetkan di pelayan web.

Manifest Fail

Fail manifest adalah fail teks yang sederhana, ia memberitahu pelayar tentang kandungan yang disimpan di penukaran (dan kandungan yang tidak disimpan di penukaran).

Fail manifest mempunyai tiga bahagian:

  • CACHE MANIFEST - Fail yang disenaraikan di bawah tajuk ini akan disimpan di penukaran setelah diunduh untuk pertama kalinya.
  • NETWORK - Fail yang disenaraikan di bawah tajuk ini memerlukan koneksi ke server dan tidak akan disimpan di penukaran.
  • FALLBACK - Fail yang disenaraikan di bawah tajuk ini menentukan halaman pengembalian apabila halaman tidak dapat diakses (seperti halaman 404).

CACHE MANIFEST

Baris pertama, CACHE MANIFEST, adalah wajib:

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

Manifest fail di atas menyenaraikan tiga sumber: satu fail CSS, satu imej GIF, dan satu fail JavaScript. Apabila fail manifest di muatkan, pelayar akan muatkan tiga fail ini dari direktori utama laman web. kemudian, walaupun pengguna berputus hubungan dengan Internet, sumber ini masih dapat digunakan.

NETWORK

B bagian NETWORK di bawah ini menentukan fail "login.php" tidak akan disimpan di penukaran, dan tidak dapat digunakan dalam keadaan luar talian:

NETWORK:
login.asp

Dapat digunakan tanda bintang untuk menunjukkan bahwa seluruh sumber lain/file memerlukan koneksi internet:

NETWORK:
*
FALLBACK

Bagian FALLBACK di bawah menentukan jika koneksi internet tidak dapat didirikan, gunakan "offline.html" untuk menggantikan semua file di direktori /html/:

FALLBACK:
/html/ /offline.html

Keterangan:URI pertama adalah sumber, kedua adalah alternatif.

Perbarui penyanggaan

Sekali aplikasi disimpan di penyanggaan, ia akan tetap disimpan di penyanggaan sampai terjadi hal berikutnya:

  • Pengguna mengosongkan penyanggaan pemuat browser
  • File manifest diubah (lihat petikan di bawah)
  • Perbarui penyanggaan aplikasi oleh program

Contoh - Buku Rujukan Lengkap Cache Manifest

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.asp
FALLBACK:
/html/ /offline.html

Petikan:Yang dimulai dengan "#" adalah baris komentar, tetapi dapat memenuhi tujuan lain. Penyanggaan aplikasi hanya akan diperbarui saat file manifest berubah. Jika anda mengedit gambar, atau merubah fungsi JavaScript, perubahan ini tidak akan disimpan di penyanggaan kembali. Memperbarui tanggal dan versi di baris komentar adalah cara untuk memastikan pemuat browser memperbarui file.

Perhatian tentang penyanggaan aplikasi

Perhatikan kandungan penyanggaan.

Sekali file disimpan di penyanggaan, pemuat browser akan terus menunjukkan versi yang disimpan, bahkan jika anda merubah file di pemuat server. Untuk memastikan pemuat browser memperbarui penyanggaan, anda perlu memperbarui file manifest.

Keterangan:Kapasiti memori penyanggaan pemuat browser mungkin berbeda (batasan beberapa pemuat browser adalah setiap situs 5MB).