Panduan HTML5-6 Cara membuat aplikasi web luar talian untuk akses luar talian_html5 petua tutorial

Hari ini kandungan kami adalah tentang cara membuat aplikasi web luar talian Kelebihannya ialah ia membolehkan penyemak imbas memuat turun sumber web kami yang ditentukan, supaya pengguna boleh menggunakan tapak kami secara normal walaupun semasa di luar talian.

1. Takrif Manifes

Kami menggunakan manifes untuk menyenaraikan sumber yang perlu diakses di luar talian. Ia sendiri adalah fail teks Baris pertama selalunya CACHE MANIFEST, dan kemudian menyenaraikan sumber yang kami perlukan, satu setiap baris. Tiada peraturan penamaan tetap untuk fail, dan tiada keperluan untuk akhiran Satu-satunya keperluan ialah akhiran perlu ditakrifkan pada bahagian pelayan dengan jenis MIME teks/manifes cache.

Jika ia adalah pelayan iis 7, ikut langkah di bawah :

1. Contohnya, jika akhiran ialah .appcache, buka iis7 dan pilih nod akar (dengan cara ini, semua tapak akan mewarisi konfigurasi, atau ia boleh dikonfigurasikan untuk satu tapak);

2. Klik dua kali pada jenis MIME di sebelah kanan;

3. Klik kanan untuk menambah jenis MIME, dengan itu melengkapkan konfigurasi.

Pelayan dikonfigurasikan dan fail manifes ditambah.

Salin kodKod tersebut adalah seperti berikut:

CACHE MANIFEST

manifestFile .html
img/1.jpg
img/2.jpg
img/3.jpg

Kemudian mari kita lihat contoh di bawah.

Salin kodKodnya adalah seperti berikut:

< ;img alt="" id="imgtarget" src="img/1.jpg" />

car1 car2
car3

< skrip>
butang var = document.getElementsByTagName('button');
untuk (var i = 0; i < buttons.length; i ) {
butang[i].onclick = handleButtonPress;
}
function handleButtonPress(e) {
document.getElementById('imgtarget').src = 'img/' e.target.id '.jpg';
}

Apabila program berjalan, bergantung pada penyemak imbas, sesetengah penyemak imbas akan bertanya kepada anda sama ada anda dibenarkan menyimpan data luar talian secara setempat, dan sesetengahnya tidak. Aplikasi luar talian yang mudah dibuat.

2. Jawapan kepada keraguan

Saya juga menghadapi beberapa masalah dan keraguan semasa mempelajari bahagian pengetahuan ini, seperti:

1 Mengapakah aplikasi luar talian tidak boleh berjalan dengan betul apabila saya menjalankan vs2010 secara langsung (persekitaran pembangunan saya)?

2. Bagaimanakah saya tahu sama ada aplikasi luar talian berjaya dibuat?

3. Bagaimanakah saya tahu sama ada aplikasi semasa berada di luar talian?

4. Selepas menjeda perkhidmatan iis, ia sepatutnya berada di luar talian. Mengapakah ia melaporkan ralat 404 apabila saya memuat semula halaman?

Sekarang saya akan menjawab soalan yang saya hadapi ini.

2.1 Terangkan dahulu soalan pertama. Mengenai isu ini, perkara utama ialah bagaimana item konfigurasi web aplikasi anda dikonfigurasikan Jika anda menggunakan pelayan pembangunan vs, maka kami tidak mempunyai cara untuk menetapkan jenis MIME untuknya, jadi dalam kes ini aplikasi luar talian kami tidak Kaedah. digunakan. Untuk baki dua kaedah konfigurasi web, selagi anda mengkonfigurasi pelayan iis dengan betul mengikut kaedah mengkonfigurasi jenis MIME yang saya perkenalkan di atas, aplikasi luar talian anda akan berjalan dengan betul.

2.2. Soalan kedua diterangkan di bawah Di sini kita perlu menggunakan alat penyahpepijatan pelayar chrome untuk membuka program web kami, dan beralih ke tab Sumber. Selagi terdapat maklumat terkonfigurasi kami di bawah Cache Aplikasi dan fail cache boleh ditemui, ia membuktikan bahawa aplikasi luar talian kami telah berjaya dibuat.

2.3 Masih menggunakan alat penyahpepijat chrome, masih dalam tab Sumber, perhatikan bahawa bulatan merah tidak ada dan Dalam talian bermaksud dalam talian.

Cabut kabel rangkaian dan paparkan Luar Talian, menunjukkan bahawa anda berada di luar talian Pada masa ini, kesan aplikasi luar talian boleh ditunjukkan.

2.4. Mengenai soalan terakhir, kami masih perlu menggunakan alat penyahpepijatan pelayar chrome Apabila kami menjeda perkhidmatan iis, kami melihat paparan tab Sumber masih dalam talian, tetapi kemudiannya ia berubah dari IDLE kepada OBSOLETE. Ini juga menerangkan sebab iis tempatan dijeda dan kesan luar talian aplikasi luar talian tidak boleh dipaparkan.

Itu menyimpulkan bahagian ini.