Artikel Pengenalan Wulin.com (www.vevb.com): Deskripsi aplikasi offline html5 Saya tidak akan banyak bicara di sini. Silakan Google atau Baidu. Artikel ini bertujuan untuk memperkenalkan cara mewujudkan pengembangan aplikasi offline
Saya tidak akan berbicara tentang instruksi untuk aplikasi offline di sini. Silakan Google atau Baidu. Artikel ini bertujuan untuk memperkenalkan cara mewujudkan pengembangan aplikasi offline;
Langkah 1: Buat file manifes dan tentukan manifes file cache;Pertama -tama Anda dapat membuat file baru dengan akhiran format teks txt, dan baris pertama harus ditulis ke cache manifes;
Baris kedua secara opsional menulis deskripsi komentar #Version 1.0, dan komentar dimulai dengan #, yang berarti menentukan nomor versi;
Baris ketiga dimulai dengan jalur file relatif terhadap direktori file saat ini, seperti:
statis/img/logo.png
statis/css/style.css
File manifes dasar ditulis, dan akhiran dari file ini diubah. tampak;
Langkah 2: Dalam file html, tentukan properti manifes dokumen sebagai jalur file cache.mnifest;<html manifest = Cachedata.manifest>
Setelah menambahkan atribut manifes, muat halaman, file dalam file konfigurasi cache akan di -cache offline dan tidak akan dibaca dari server saat disegarkan lagi;
Langkah 3: Segarkan cache melalui antarmuka API;Gunakan JS untuk mendapatkan objek cache offline melalui window.applicationCache, dan hubungi metode pembaruan: window.applicationCache.update () untuk memanggil unduhan file cache saat ini. Setelah unduhan selesai, acara Updateready dari objek cache offline akan dipicu. Jalankan metode swapcache untuk menghapus cache: window.applicationCache.swapcache (). Ini tidak akan menyebabkan sumber daya yang dimuat sebelumnya tiba -tiba dimuat ulang, tetapi sumber daya yang mengeluarkan halaman permintaan setelah ini adalah yang terbaru;
Melalui tiga langkah sederhana di atas, Anda dapat mewujudkan aplikasi offline HTML5.