Penjelasan terperinci tentang penggunaan cache manifes di html5

Artikel ini terutama memperkenalkan penjelasan terperinci tentang penggunaan cache manifes di HTML5. Artikel ini juga memperkenalkan beberapa alat otomatisasi terkait. Teman yang membutuhkannya dapat merujuk ke asal.

Halaman web sebelum HTML5 semuanya terhubung tanpa koneksi dan harus terhubung ke Internet untuk mengakses. Ini sebenarnya adalah fitur web. Ini sebenarnya bukan masalah besar bagi PC. Namun, di era internet seluler, lokasi terminal perangkat tidak lagi diperbaiki dan mengandalkan sinyal nirkabel, dan keandalan jaringan menjadi kurang dapat diandalkan. Misalnya, duduk di kereta dan melewati terowongan (15 menit), Anda tidak dapat mengakses situs web, yang sangat berbahaya bagi web, seperti halaman yang lahir untuk membaca seperti "koleksi ecmascript".

HTML5 memperkenalkan file manifes cache. Jadi apa itu manifes cache? Saya akan membicarakannya selanjutnya.

Pertama -tama, Manifest adalah file dengan nama akhiran minifest. Dalam file, file yang perlu di -cache didefinisikan. Browser yang mendukung Manifest akan menyimpan file secara lokal sesuai dengan aturan file manifes, sehingga halaman dapat diakses tanpa tautan jaringan.

Ketika kami mengkonfigurasi cache aplikasi dengan benar untuk pertama kalinya, ketika kami mengakses aplikasi lagi, browser pertama -tama akan memeriksa apakah ada perubahan dalam file manifes. Jika ada perubahan, itu akan mengubah yang sesuai dan mengubah cache aplikasi di browser. Jika tidak ada perubahan, itu akan secara langsung mengembalikan sumber daya cache aplikasi. Proses dasarnya seperti ini.

Penjelajahan Offline: Pengguna dapat menelusuri konten situs web secara offline.

Kecepatan lebih cepat: Karena data disimpan secara lokal, kecepatannya akan lebih cepat.

Kurangi beban server: Browser hanya akan mengunduh sumber daya yang telah berubah di server.

Semua browser utama mendukung caching aplikasi, kecuali Internet Explorer. Jawaban yang diberikan oleh Caniuse ditunjukkan pada gambar di bawah ini.

HTML telah menambahkan atribut manifes, yang dapat digunakan untuk menentukan file manifes dari halaman saat ini.

Buat file manifes dengan nama yang sama dengan HTML. Misalnya, halamannya adalah index.html, maka Anda dapat membuat file index.manifest, dan kemudian menambahkan atribut berikut ke tag html index.html: