Pemancar keberlanjutan HTML5

Dengan pemancar keberlanjutan, dengan mencipta fail manifest cache, boleh mudah untuk membuat versi luar talian aplikasi dalam keadaan pengasingan

Apakah pemancar keberlanjutan?

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

Pemancar keberlanjutan untuk aplikasi memberikan tiga kelebihan:

  1. Pemergian tanpa koneksi - Pengguna boleh guna mereka sewaktu aplikasi dalam keadaan pengasingan
  2. Kepacekan - Sumber yang disimpan di dalam cache boleh dimuatkan lebih cepat
  3. Mengurangkan muat kerja pelayan - Pelayar hanya akan muat sumber yang telah diubah atau diupdate daripada pelayan

Dukungan Peramban

Angka di tabel menunjukkan versi browser yang mendukung sepenuhnya pengecapan aplikasi.

API
Pengecapan 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 penggunaan off-line):

Contoh

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

Coba Sendiri

Dasar Cache Manifest

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

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

Setiap halaman yang ditentukan dengan manifest akan disimpan di cache saat pengguna mengaksesnya. Jika atribut manifest belum ditentukan, halaman ini tidak akan disimpan di cache (kecuali halaman ini langsung disimpan di berkas manifest).

Ekstensi berkas yang direkomendasikan untuk berkas manifest adalah: ".appcache".

Perhatian:Manifest berkas perlu menetapkan MIME-type yang benar, yaitu "text/cache-manifest". Harus dikonfigurasi di server web.

Manifest Berkas

Manifest berkas adalah berkas teks sederhana yang memberitahu peramban tentang konten yang disimpan di cache (dan konten yang tidak disimpan di cache).

Manifest berkas memiliki tiga bagian:

  • CACHE MANIFEST - Berkas yang disenaraikan di bawah judul ini akan disimpan di cache setelah diunduh untuk pertama kalinya.
  • NETWORK - Berkas yang disenaraikan di bawah judul ini memerlukan koneksi ke server dan tidak akan disimpan di cache.
  • FALLBACK - Berkas yang disenaraikan di bawah judul ini menentukan halaman cadangan saat halaman tidak dapat diakses (seperti halaman 404).

CACHE MANIFEST

Baris pertama, CACHE MANIFEST, adalah yang diperlukan:

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

Manifest di atas menyenaraikan tiga sumber: berkas CSS, gambar GIF, dan berkas JavaScript. Saat manifest diunggah, peramban akan mengunduh tiga berkas ini dari direktori root situs. kemudian, tanpa mengira kapan pengguna putus koneksi dengan Internet, sumber-sumber ini tetap tersedia.

NETWORK

BAGIAN NETWORK di bawah ini menetapkan berkas "login.php" akan selalu dicurah dan tidak tersedia saat berada dalam keadaan offline:

NETWORK:
login.asp

Dapat digunakan tanda bintang untuk menunjukkan bahwa semua sumber lainnya/per文件 memerlukan koneksi internet:

NETWORK:
*
FALLBACK

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

FALLBACK:
/html/ /offline.html

Keterangan:URI pertama adalah sumber, yang kedua adalah alternatif.

Perbarui cache

Sekali aplikasi disimpan di cache, ia akan tetap disimpan di cache sampai terjadi salah satu hal berikut:

  • Pengguna mengosongkan cache peramban
  • File manifest diubah (lihat petunjuk di bawah)
  • Perbarui cache aplikasi dengan program

Contoh - File Cache Manifest Lengkap

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

Petunjuk:Baris yang dimulai dengan '#' adalah baris catatan, tetapi dapat memenuhi keperluan lain. Cache aplikasi hanya akan diperbarui jika file manifest berubah. Jika Anda mengedit gambar, atau memodifikasi fungsi JavaScript, perubahan ini tidak akan disimpan kembali. Memperbarui tanggal dan versi di baris catatan adalah cara untuk memastikan peramban memperbarui file.

Perhatian tentang cache aplikasi

Perhatikan kandungan cache.

Sekali file disimpan di cache, peramban akan terus menampilkan versi yang disimpan, bahkan jika Anda merubah file di server. Untuk memastikan peramban memperbarui cache, Anda perlu memperbarui file manifest.

Keterangan:Kapasitas memori cache yang dihadapi pemanggilan peramban mungkin berbeda (batasan beberapa pemanggilan adalah setiap situs 5MB).