Komentar: Hari ini konten kami adalah tentang cara membuat aplikasi web offline. Keuntungannya adalah memungkinkan browser untuk mengunduh sumber daya web yang kami tentukan sehingga pengguna dapat menggunakan situs kami secara normal saat offline.
Hari ini konten kami adalah tentang cara membuat aplikasi web offline. Keuntungannya adalah bahwa browser dapat mengunduh sumber daya web yang kami tentukan sehingga pengguna dapat menggunakan situs kami secara normal saat offline.
1. Tentukan manifes
Kami menggunakan manifes untuk mendaftar sumber daya yang perlu diakses saat offline. Itu sendiri adalah file tipe teks. Baris pertama sering manifes cache, dan kemudian daftar sumber daya yang kita butuhkan, satu per baris. Tidak ada aturan penamaan tetap untuk file, dan tidak ada persyaratan untuk nama akhiran. Satu-satunya persyaratan adalah mendefinisikan nama akhiran di sisi server sebagai jenis MIME dari teks/cache-manifest.
Jika itu adalah server IIS 7, ikuti langkah -langkah di bawah ini:
1. Misalnya, jika akhiran adalah .AppCache, buka IIS7 dan pilih Node Root (ini akan diwarisi dari semua situs, dan juga dapat dikonfigurasi untuk satu situs);
2. Klik dua kali jenis MIME di sebelah kanan;
3. Klik kanan untuk menambahkan tipe MIME, sehingga konfigurasi selesai.
Setelah konfigurasi server selesai, tambahkan file manifes.
Cache Manifest
manifestfile.html
img/1.jpg
img/2.jpg
img/3.jpg
Lalu mari kita lihat contoh berikut.
<! Doctype html>
<html manifest = "manifest.appcache">
<head>
<Title> Contoh </iteme>
<tyle>
img
{
Perbatasan: Black ganda sedang;
padding: 5px;
margin: 5px;
}
</tyle>
</head>
<body>
<img src = "img /1.jpg" />
<div>
<button> car1 </button>
<button> car2 </button>
<button> car3 </button>
</div>
<script>
var tombol = document.geteLementsByTagname ('tombol');
untuk (var i = 0; i <buttons.length; i ++) {
tombol [i] .onClick = standebuttonpress;
}
function standebuttonpress (e) {
document.geteLementById ('imgTarget'). src = 'img/' + e.target.id + '.jpg';
}
</script>
</body>
</html>
Ketika program berjalan, tergantung pada browser, beberapa browser akan bertanya kepada Anda apakah Anda mengizinkan data offline disimpan secara lokal, dan beberapa tidak akan. Aplikasi offline yang sederhana dibuat.
2. Jawaban atas keraguan
Saya juga mengalami beberapa masalah dan keraguan ketika mempelajari bagian pengetahuan ini, seperti:
1. Mengapa saya menjalankan VS2010 secara langsung (lingkungan pengembangan saya) dan aplikasi offline tidak berjalan dengan benar?
2. Bagaimana saya tahu jika aplikasi offline dibuat dengan sukses?
3. Bagaimana saya tahu jika aplikasi saat ini offline?
4. Setelah berhenti dari layanan IIS, itu harus offline. Mengapa saya melaporkan kesalahan 404 saat saya menyegarkan halaman?
Sekarang saya akan menjawab pertanyaan -pertanyaan ini yang telah saya temui.
2.1. Jelaskan pertanyaan pertama terlebih dahulu. Mengenai masalah ini, poin kunci adalah bagaimana item konfigurasi web aplikasi Anda dikonfigurasi. Jika Anda menggunakan bentuk server VS Development, maka kami tidak memiliki cara untuk mengatur jenis MIME untuk itu, jadi dalam hal ini aplikasi offline kami tidak dapat digunakan. Untuk dua metode konfigurasi web yang tersisa, selama Anda mengikuti metode tipe MIME yang saya perkenalkan di atas untuk mengonfigurasi server IIS, aplikasi offline Anda akan berjalan dengan benar.
2.2. Masalah kedua dijelaskan di bawah ini. Di sini kita perlu menggunakan alat debugging browser Chrome, menggunakan browser Chrome untuk membuka program web kami, tekan F12, dan beralih ke tab Sumber Daya. Selama informasi konfigurasi kami ditemukan di bawah cache aplikasi dan file yang di -cache dapat ditemukan, itu membuktikan bahwa aplikasi offline kami telah berhasil dibuat.
2.3. Atau gunakan alat debugging Chrome, atau di tab Sumber Daya, perhatikan bahwa kumparan merah tinggal di tempat itu, online berarti online.
Lepaskan kabel jaringan dan tampilan offline, yang berarti offline. Pada saat ini, efek aplikasi offline dapat ditampilkan.
2.4. Mengenai pertanyaan terakhir, kita masih perlu menggunakan alat debugging browser Chrome. Ketika kami menjeda layanan IIS, kami melihat tampilan tab Sumber Daya. Ini masih online, tetapi berubah dari idle menjadi usang nanti. Ini juga menjelaskan mengapa efek offline dari aplikasi offline tidak dapat ditampilkan ketika IIS lokal dijeda.
Ini adalah isi bagian ini.