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

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

<🎜>: Bubble Gum Simulator Infinity - Cara Mendapatkan dan Menggunakan Kekunci Diraja
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Sistem Fusion, dijelaskan
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Cara Membuka Kunci Cangkuk Bergelut
3 minggu 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)

Topik panas

Tutorial Java
1664
14
Tutorial PHP
1269
29
Tutorial C#
1249
24
Apa yang dirujuk oleh H5? Meneroka konteks Apa yang dirujuk oleh H5? Meneroka konteks Apr 12, 2025 am 12:03 AM

H5referstohtml5, apivotaltechnologyinwebdevelopment.1) html5introducesnewelementsandapisforrich, dynamicwebapplications.2) itsupp ortsmultimediawithoutplugins, enhancusexperienceaceacrossdevices.3) SemantikelementsImproveContentstructureandseo.4) H5'srespo

H5: Evolusi piawaian dan teknologi web H5: Evolusi piawaian dan teknologi web Apr 15, 2025 am 12:12 AM

Piawaian dan teknologi web telah berkembang dari HTML4, CSS2 dan JavaScript mudah setakat ini dan telah menjalani perkembangan yang ketara. 1) HTML5 memperkenalkan API seperti kanvas dan webstorage, yang meningkatkan kerumitan dan interaktiviti aplikasi web. 2) CSS3 menambah fungsi animasi dan peralihan untuk menjadikan halaman lebih berkesan. 3) JavaScript meningkatkan kecekapan pembangunan dan kebolehbacaan kod melalui sintaks moden node.js dan ES6, seperti fungsi anak panah dan kelas. Perubahan ini telah mempromosikan pembangunan pengoptimuman prestasi dan amalan terbaik aplikasi web.

Kod H5: Amalan Terbaik untuk Pemaju Web Kod H5: Amalan Terbaik untuk Pemaju Web Apr 16, 2025 am 12:14 AM

Amalan terbaik untuk kod H5 termasuk: 1. Gunakan pengisytiharan dan pengekodan watak yang betul; 2. Gunakan tag semantik; 3. Mengurangkan permintaan HTTP; 4. Gunakan pemuatan asynchronous; 5. Mengoptimumkan imej. Amalan ini dapat meningkatkan kecekapan, penyelenggaraan dan pengalaman pengguna halaman web.

Adakah H5 adalah singkat untuk HTML5? Meneroka butiran Adakah H5 adalah singkat untuk HTML5? Meneroka butiran Apr 14, 2025 am 12:05 AM

H5 bukan sekadar singkatan HTML5, ia mewakili ekosistem teknologi pembangunan web moden yang lebih luas: 1. H5 termasuk HTML5, CSS3, JavaScript dan API dan Teknologi yang berkaitan; 2. Ia menyediakan pengalaman pengguna yang lebih kaya, interaktif dan lancar, dan boleh berjalan dengan lancar pada pelbagai peranti; 3. Menggunakan timbunan teknologi H5, anda boleh membuat laman web responsif dan fungsi interaktif yang kompleks.

H5 dan HTML5: Istilah yang biasa digunakan dalam pembangunan web H5 dan HTML5: Istilah yang biasa digunakan dalam pembangunan web Apr 13, 2025 am 12:01 AM

H5 dan HTML5 merujuk kepada perkara yang sama, iaitu HTML5. HTML5 adalah versi kelima HTML, membawa ciri -ciri baru seperti tag semantik, sokongan multimedia, kanvas dan grafik, penyimpanan luar talian dan penyimpanan tempatan, meningkatkan ekspresi dan interaktiviti laman web.

Memahami Kod H5: Asas HTML5 Memahami Kod H5: Asas HTML5 Apr 17, 2025 am 12:08 AM

HTML5 adalah teknologi utama untuk membina laman web moden, menyediakan banyak elemen dan ciri -ciri baru. 1. HTML5 memperkenalkan unsur -unsur semantik seperti, dan lain -lain, yang meningkatkan struktur laman web dan SEO. 2. Sokongan unsur multimedia dan menanamkan media tanpa pemalam. 3. Borang meningkatkan jenis input baru dan sifat pengesahan, memudahkan proses pengesahan. 4. Menawarkan fungsi storan luar talian dan tempatan untuk meningkatkan prestasi laman web dan pengalaman pengguna.

Dekonstruktur Kod H5: Tag, Elemen, dan Atribut Dekonstruktur Kod H5: Tag, Elemen, dan Atribut Apr 18, 2025 am 12:06 AM

Kod HTML5 terdiri daripada tag, elemen dan atribut: 1. Tag mentakrifkan jenis kandungan dan dikelilingi oleh kurungan sudut, seperti. 2. Unsur terdiri daripada tag permulaan, kandungan dan tag akhir, seperti kandungan. 3. Atribut menentukan pasangan nilai utama dalam tag permulaan, meningkatkan fungsi, seperti. Ini adalah unit asas untuk membina struktur web.

H5: Bagaimana ia meningkatkan pengalaman pengguna di web H5: Bagaimana ia meningkatkan pengalaman pengguna di web Apr 19, 2025 am 12:08 AM

H5 meningkatkan pengalaman pengguna web dengan sokongan multimedia, penyimpanan luar talian dan pengoptimuman prestasi. 1) Sokongan multimedia: H5 dan Elemen Memudahkan pembangunan dan meningkatkan pengalaman pengguna. 2) Penyimpanan Luar Talian: WebStorage dan IndexedDB membenarkan penggunaan luar talian untuk meningkatkan pengalaman. 3) Pengoptimuman Prestasi: Pekerja web dan elemen mengoptimumkan prestasi untuk mengurangkan penggunaan jalur lebar.

See all articles