Akses offline menjadi semakin penting untuk aplikasi berbasis web. Meskipun semua browser memiliki mekanisme caching, mereka tidak dapat diandalkan dan mungkin tidak selalu memainkan peran yang diharapkan. HTML5 menggunakan antarmuka ApplicationCache untuk menyelesaikan beberapa masalah yang disebabkan oleh penggunaan offline.
Berikut ini adalah konten yang relevan yang menjelaskan aplikasi dan kode praktis kode praktis file manifes cache offline html5. Tutorial artikel terutama berbicara tentang beberapa teknologi dan pengetahuan yang terkait dengan manifes cache offline HTML5. Untuk konten lebih lanjut, Anda dipersilakan untuk mengunjungi http://www.vevb.com untuk mendapatkan lebih banyak tutorial terbaru. Berikut ini adalah penjelasan tutorial:
Apa itu manifes? Manifest adalah file dengan nama akhiran minifest. Ini mendefinisikan file yang perlu di -cache dalam file. Browser yang mendukung Manifest akan menyimpan file secara lokal sesuai dengan aturan file manifes, sehingga halaman dapat diakses tanpa tautan jaringan.
Akses offline menjadi semakin penting untuk aplikasi berbasis web. Meskipun semua browser memiliki mekanisme caching, mereka tidak dapat diandalkan dan mungkin tidak selalu memainkan peran yang diharapkan. HTML5 menggunakan antarmuka ApplicationCache untuk menyelesaikan beberapa masalah yang disebabkan oleh penggunaan offline.
Menggunakan antarmuka cache dapat membawa tiga manfaat berikut ke aplikasi Anda:
Penjelajahan Offline - Pengguna dapat menelusuri situs web lengkap Anda saat offline
Kecepatan- Sumber daya yang di-cache adalah sumber daya lokal, sehingga memuat lebih cepat.
Server Load Less - Browser hanya mengunduh sumber daya dari server yang telah berubah.
App Cache (juga dikenal sebagai APPCACHE) memungkinkan pengembang untuk menentukan file mana yang harus diakses oleh browser browser untuk diakses oleh pengguna offline. Aplikasi Anda akan memuat dan berjalan secara normal bahkan jika pengguna menekan tombol refresh saat offline.
File manifes referensiUntuk mengaktifkan caching aplikasi untuk suatu aplikasi, tambahkan atribut manifes dalam tag HTML dokumen:
Properti manifes dapat menunjuk ke URL absolut atau jalur relatif, tetapi URL absolut harus sama dengan aplikasi jaringan yang sesuai. File manifes dapat menggunakan ekstensi file apa pun, tetapi harus disediakan dengan tipe MIME yang benar (lihat di bawah).
<html manifest =/cache.manifest> ... </html> atau <html manifest = http: //www.example.com/example.mf> ... </html>
Anda harus menambahkan properti manifes di setiap halaman aplikasi web yang ingin Anda cache. Jika halaman tidak berisi atribut manifes, browser tidak akan menyimpan halaman (kecuali secara eksplisit terdaftar dalam file manifes).
Ini berarti bahwa setiap halaman Web yang pengguna menelusuri dengan manifes akan ditambahkan secara implisit ke cache aplikasi. Karena itu, Anda tidak perlu mendaftar setiap halaman dalam daftar.
File manifes harus disediakan dalam tipe Mime Teks/Cache-Manifest. Nama Suffix File dapat disesuaikan (disarankan sebagai .Manifest) sehingga kita perlu mendeklarasikan jenis file dari .manifest akhiran sebagai teks/cache-manifest di server.
Mengambil Apache sebagai contoh, kita perlu menambahkan: AddType text/cache-manifest .manifest
Format daftar sederhana adalah sebagai berikut:
Cache manifestIndex.htmlstylesheet.cssimages/logo.pngscripts/main.js
Contoh ini menyimpan empat file di halaman web yang menentukan file manifes ini.
Poin -poin berikut yang perlu Anda perhatikan:
String manifes cache harus berada di baris pertama dan sangat penting.
Jumlah data yang di -cache di Situs Web tidak boleh melebihi 5 MB. Namun, jika Anda menulis aplikasi untuk Chrome Web Store, Anda dapat menggunakan UNBIMITEDStorage untuk tidak terbatas pembatasan.
Jika file manifes atau sumber daya yang ditentukan di dalamnya tidak dapat diunduh, seluruh proses pembaruan cache tidak dapat dilakukan. Dalam hal ini, browser akan terus menggunakan cache aplikasi asli.
Mari kita lihat contoh yang lebih kompleks:
Cache Manifest# 2010-06-18: v2# Eksplisit 'master entri'.cache: /favicon.icoindex.htmlstylesheet.cssimages/logo.pngscripts/main.js# Sumber daya yang mengharuskan pengguna untuk online.network:login.phppy#py# static.html akan disajikan jika Main.py tidak dapat diakses# offline.jpg akan disajikan sebagai pengganti semua gambar dalam gambar/besar/# offline.html akan disajikan sebagai pengganti semua file .html FILSHOLLBack: /main.py /static.htmlimages/large/ images/offline.jpg*.HTMLY.HTHT.LARGE/ Images/Offline.jpg*.HTML/OFF.HT.HT.LARGE/ IMAGMES/OFFLINE.JPG*.HTML.HT.HTMLIGES
Baris yang dimulai dengan # adalah baris komentar, tetapi dapat digunakan untuk tujuan lain juga. Misalnya, perbarui cache
Cache aplikasi diperbarui hanya jika file manifesnya berubah. Misalnya, jika Anda memodifikasi sumber daya gambar atau mengubah fungsi JavaScript, perubahan ini bukan RECACHE. Anda harus memodifikasi file manifes itu sendiri agar browser menyegarkan file yang di -cache. Buat baris komentar dengan nomor versi yang dihasilkan, nilai hash file, atau cap waktu untuk memastikan bahwa pengguna mendapatkan versi terbaru dari perangkat lunak Anda.
Anda juga dapat memperbarui cache secara terprogram setelah versi baru muncul, seperti yang dijelaskan di bagian Cache Pembaruan.
Jika halaman memperkenalkan file manifes cache, file manifes harus berisi semua file (CSS, JS, gambar ...) yang diperlukan oleh halaman saat ini, jika tidak, itu tidak akan dimuat. Oleh karena itu, jika Anda menghapus file tetap yang perlu di -cache, disarankan untuk menambahkan tanda bintang* ke item jaringan dalam file untuk menunjukkan semua file lainnya.
Daftar ini dapat mencakup tiga bagian yang berbeda: cache, jaringan, dan fallback.
CACHE:Ini adalah bagian default dari entri. File -file yang tercantum di bawah header ini secara eksplisit di -cache untuk pertama kalinya (atau file segera setelah cache manifes).
JARINGAN:File yang tercantum di bawah bagian ini adalah sumber daya whitel yang perlu dihubungkan ke server. Semua permintaan ke sumber daya ini memotong cache terlepas dari apakah pengguna offline atau tidak. Wildcard dapat digunakan.
Fallback:Bagian ini opsional dan digunakan untuk menentukan halaman Fallback ketika sumber daya tidak dapat diakses. URI pertama mewakili sumber daya dan yang kedua mewakili halaman web cadangan.
Akhir. Tutorial telah selesai di sini. Sudahkah Anda mendapatkan sesuatu dari membaca? Situs ini juga menyediakan konten terkait cache offline HTML5, selamat datang untuk melanjutkan membaca.