Komentar: Buka halaman web, dan setelah memuat, jika jaringan tiba -tiba terputus, maka halaman akan hilang setelah Anda menyegarkan. Bagaimana Anda bisa mencegah situasi ini terjadi? Munculnya html5 membuat kami tiba -tiba tercerahkan, dan kami akan menjelaskannya secara rinci untuk Anda selanjutnya
Buka halaman web, dan setelah memuat, jika jaringan tiba -tiba terputus, maka halaman akan hilang setelah Anda menyegarkan.Pernahkah Anda berpikir bahwa setelah menyegarkan halaman, Anda masih akan menjadi halaman sekarang, buka halaman lain di jendela baru, masukkan URL yang sama, dan buka halaman jika keluar dari jaringan. . Aplikasi offline HTML5 menyediakan fitur seperti itu.
Ketika data di halaman dimuat, Anda dapat mengatur beberapa gambar, flash, CSS, JS, HTML dan file lain untuk di -cache sendiri. Ketika data di halaman tidak terhubung ke internet lain kali, Anda dapat menggunakan file yang di -cache. Ini adalah aplikasi offline HTML5.
Bahkan, sangat mudah untuk diimplementasikan.
Diperlukan server. Di sini kami menggunakan server Tomcat untuk menjelaskan.
Pertama, konfigurasikan jenis file tambang dengan akhiran .Manifest untuk teks/cache-manifest.
Saat berbicara tentang konfigurasi Tomcat, teman -teman yang akrab akan secara alami memikirkan file web.xml. Ya, cukup tambahkan konfigurasi berikut ke file:
<Mime-Mapping>
<spull extension> manifes </extension>
<Mime-Type> Teks/cache-manifest </mime-Type>
</mime-Mapping>
Kemudian tulis file xxx.manifest, xxx adalah nama yang Anda pilih sendiri. Format file ini adalah sebagai berikut:
Cache Manifest
#Version 1.5
CACHE:
Mytest.html
CSS/Main.CSS
JavaScript/bwh5ls.js
exp-calif-logo.gif
Baris pertama diperlukan, yang mengidentifikasi ini adalah file konfigurasi untuk manifes.
#Version 1.5
Kalimat ini adalah komentar dan tidak memiliki efek praktis. Saya hanya ingin browser memperbarui file cache di sini. Karena ketika file manifes sama seperti sebelumnya, browser tidak akan memuat ulang file cache, sehingga kami dapat menggunakan komentar ini untuk memodifikasi nomor versi di satu sisi, dan membiarkan browser memperbarui cache di sisi lain.
CACHE:
Baris ini menunjukkan bahwa file berikut harus di -cache. Dalam contoh, halaman saat ini: mytest.html, serta beberapa file dan gambar CSS dan JS di -cache.
Ada beberapa kata kunci yang tidak disebutkan dalam contoh, yaitu
JARINGAN:
Fallback:
Jaringan mengacu pada halaman yang tidak ingin cache; Fallback mengacu pada alternatif ketika file yang diminta tidak ditemukan atau server file tidak merespons. Misalnya, kami ingin meminta halaman bersarang, tetapi server halaman ini tidak dapat terhubung, sehingga saya dapat beralih ke halaman lain yang ditentukan.
Ini adalah langkah kedua dan langkah ketiga. Cukup tambahkan posisi manifes ke tag <html>:
<html manifest = name.manifest>
Pada titik ini, Anda dapat mewujudkan aplikasi offline sederhana.
Di mana file -file yang di -cache itu ditempatkan?
Diuji pada Chrome, saya menemukan bahwa ia menyimpan file -file ini dalam potongan sesuai dengan mekanismenya sendiri, jadi saya tidak dapat menemukan file lengkapnya. Data yang disimpan adalah:
Saya tidak tahu cara menyimpannya di C:/Users/Jasonling/AppData/Local/Google/Chrome/Data/Default Pengguna.
File -file di Firefox juga disimpan sesuai dengan mekanisme mereka sendiri, tetapi setelah saya membukanya dengan SQLite, saya menemukan informasi spesifik dari file yang di -cache:
Jika pembaca tertarik, mereka dapat mencobanya sendiri untuk melihat apakah akan ada penemuan baru.