Rumah hujung hadapan web Tutorial H5 Cache luar talian HTML5 digunakan di bawah tomcat untuk mendayakan penyemakan imbas luar talian gambar, denyar, dsb._html5 kemahiran tutorial

Cache luar talian HTML5 digunakan di bawah tomcat untuk mendayakan penyemakan imbas luar talian gambar, denyar, dsb._html5 kemahiran tutorial

May 16, 2016 pm 03:50 PM
penempatan tomcat Cache luar talian

Buka halaman web, dan selepas memuatkan, jika Internet tiba-tiba terputus, halaman itu akan hilang selepas anda menyegarkannya.
Pernahkah anda terfikir bahawa selepas dimuat semula, halaman itu masih sama seperti sebelumnya Jika anda membuka halaman lain dalam tetingkap baharu dan memasukkan URL yang sama, ia akan tetap menjadi halaman yang sama apabila anda terputus sambungan dari Internet. . Aplikasi luar talian HTML5 menyediakan fungsi sedemikian.
Apabila data dalam halaman dimuatkan, anda boleh menetapkan beberapa imej, flash, css, js, html dan fail lain untuk dicache Anda boleh menggunakan fail cache tersebut pada masa akan datang apabila Internet tidak tersedia. Ini ialah aplikasi luar talian HTML5.
Malah, ia sangat mudah untuk dilaksanakan.

Memerlukan pelayan. Di sini kami menggunakan pelayan tomcat untuk menerangkan.
Mula-mula, konfigurasikan jenis lombong fail dengan akhiran .manifest kepada text/cache-manifest.
Apabila bercakap tentang konfigurasi tomcat, rakan yang biasa akan memikirkan fail web.xml. Ya, tambahkan konfigurasi berikut pada fail:

Salin kodKod tersebut adalah seperti berikut:

manifest ;mime-type> ;text/cache-manifest



Kemudian tulis fail xxx.manifest, xxx ialah nama yang anda pilih sendiri . Format fail ini adalah seperti ini:



Salin kodKodnya adalah seperti berikut:
MANIFEST CACHE
#versi 1.5
CACHE:
MyTest.html
CSS/main.css
Javascript/bwH5LS.js
exp-calif-logo.gif


Barisan pertama diperlukan, ia mengenal pasti bahawa ini ialah fail konfigurasi manifes.
#versi 1.5
Ayat ini adalah ulasan dan tidak mempunyai kesan sebenar saya hanya mahu pelayar mengemas kini fail cache. Kerana apabila fail manifes adalah sama dengan yang asal, penyemak imbas tidak akan memuatkan semula fail cache, jadi kami boleh menggunakan ulasan ini untuk mengubah suai nombor versi di satu pihak dan membiarkan penyemak imbas mengemas kini cache di pihak yang lain.
CACHE:
Baris ini menunjukkan bahawa fail berikut akan dicache. Dalam contoh, halaman semasa: MyTest.html, serta beberapa fail dan imej css dan js dicache.
Terdapat beberapa contoh kata kunci yang tidak disebutkan, iaitu
RANGKAIAN:
KEMBALIKAN:
RANGKAIAN merujuk kepada halaman yang tidak mahu dicache merujuk kepada fail yang diminta tidak ditemui atau pelayan untuk fail tidak tersedia sebagai balasan, sebagai contoh, jika kita ingin meminta halaman bersarang, tetapi pelayan halaman ini tidak dapat disambungkan, maka saya boleh beralih ke halaman lain yang ditentukan.
Ini ialah langkah kedua dan ketiga Hanya tambahkan lokasi manifes dalam teg melaksanakan aplikasi luar talian yang mudah.


Di manakah fail cache tersebut?

Mengujinya pada chrome dan mendapati ia menyimpan fail ini dalam ketulan mengikut mekanismenya sendiri, jadi saya tidak dapat mencari fail lengkap. Data yang disimpan adalah dalam:
C:UsersjasonlingAppDataLocalGoogleChromeUser DataDefault Saya tidak tahu cara menyimpannya secara khusus. Fail di Firefox juga disimpan mengikut mekanismenya sendiri Namun, selepas membukanya dengan SQLite, penulis menemui maklumat khusus fail cache: Pembaca yang berminat boleh mencubanya sendiri dan melihat sama ada ia berfungsi. Penemuan baru.
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

Repo: Cara menghidupkan semula rakan sepasukan
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk menambah audio ke laman web html5 saya? Bagaimana untuk menambah audio ke laman web html5 saya? Mar 10, 2025 pm 03:01 PM

Artikel ini menerangkan bagaimana untuk membenamkan audio dalam HTML5 menggunakan & lt; audio & gt; elemen, termasuk amalan terbaik untuk pemilihan format (MP3, Ogg Vorbis), pengoptimuman fail, dan kawalan JavaScript untuk main balik. Ia menekankan menggunakan pelbagai audio f

Bagaimanakah saya mengendalikan privasi dan keizinan lokasi pengguna dengan API Geolokasi? Bagaimanakah saya mengendalikan privasi dan keizinan lokasi pengguna dengan API Geolokasi? Mar 18, 2025 pm 02:16 PM

Artikel ini membincangkan menguruskan privasi dan keizinan lokasi pengguna menggunakan API Geolocation, menekankan amalan terbaik untuk meminta kebenaran, memastikan keselamatan data, dan mematuhi undang -undang privasi.

Bagaimana cara menggunakan borang HTML5 untuk input pengguna? Bagaimana cara menggunakan borang HTML5 untuk input pengguna? Mar 10, 2025 pm 02:59 PM

Artikel ini menerangkan cara membuat dan mengesahkan borang HTML5. Ia memperincikan & lt; form & gt; Unsur, jenis input (teks, e -mel, nombor, dll), dan atribut (diperlukan, corak, min, max). Kelebihan bentuk html5 berbanding kaedah yang lebih lama, termasuk

Bagaimanakah saya menggunakan API Penglihatan Halaman Html5 untuk mengesan apabila halaman dapat dilihat? Bagaimanakah saya menggunakan API Penglihatan Halaman Html5 untuk mengesan apabila halaman dapat dilihat? Mar 13, 2025 pm 07:51 PM

Artikel ini membincangkan menggunakan API Penglihatan Halaman HTML5 untuk mengesan penglihatan halaman, meningkatkan pengalaman pengguna, dan mengoptimumkan penggunaan sumber. Aspek utama termasuk berhenti media, mengurangkan beban CPU, dan menguruskan analisis berdasarkan perubahan penglihatan.

Bagaimanakah saya menggunakan tag meta viewport untuk mengawal skala halaman pada peranti mudah alih? Bagaimanakah saya menggunakan tag meta viewport untuk mengawal skala halaman pada peranti mudah alih? Mar 13, 2025 pm 08:00 PM

Artikel ini membincangkan menggunakan tag meta viewport untuk mengawal skala halaman pada peranti mudah alih, memberi tumpuan kepada tetapan seperti lebar dan skala awal untuk respons dan prestasi optimum.

Bagaimana untuk membuat permainan interaktif dengan HTML5 dan JavaScript? Bagaimana untuk membuat permainan interaktif dengan HTML5 dan JavaScript? Mar 10, 2025 pm 06:34 PM

Butiran artikel ini mewujudkan permainan HTML5 interaktif menggunakan JavaScript. Ia meliputi reka bentuk permainan, struktur HTML, gaya CSS, logik JavaScript (termasuk pengendalian acara dan animasi), dan integrasi audio. Perpustakaan JavaScript Penting (Phaser, PI

Bagaimanakah saya menggunakan API Drag dan Drop HTML5 untuk antara muka pengguna interaktif? Bagaimanakah saya menggunakan API Drag dan Drop HTML5 untuk antara muka pengguna interaktif? Mar 18, 2025 pm 02:17 PM

Artikel ini menerangkan cara menggunakan API Drag dan Drop HTML5 untuk mewujudkan antara muka pengguna interaktif, memperincikan langkah -langkah untuk membuat unsur -unsur menyeret, mengendalikan peristiwa utama, dan meningkatkan pengalaman pengguna dengan maklum balas tersuai. Ia juga membincangkan perangkap biasa dengan a

Bagaimanakah saya menggunakan API WebSockets HTML5 untuk komunikasi dua arah antara klien dan pelayan? Bagaimanakah saya menggunakan API WebSockets HTML5 untuk komunikasi dua arah antara klien dan pelayan? Mar 12, 2025 pm 03:20 PM

Artikel ini menerangkan API WebSockets HTML5 untuk komunikasi pelayan klien bidirectional masa nyata. Ia memperincikan pelaksanaan klien (JavaScript) dan pelayan (python/flask), menangani cabaran seperti skalabilitas, pengurusan negeri,

See all articles