Menghuraikan ciri baharu dalam petua tutorial localStorage_html5 storan tempatan HTML5

Storan tempatan HTML5 ialah data yang disimpan secara setempat melalui penyemak imbas.
Penggunaan asas adalah seperti berikut:

Kod JavaScriptSalin kandungan ke papan keratan

1. "teks/javascript"> 
2. localStorage.firstName = "Tom";
makluman(localStorage.firstName);
 

Dalam kes ini, data disimpan secara tempatan, tetapi dalam bentuk apakah data tempatan disimpan selepas penjejakan, didapati bahawa dalam penyemak imbas Chrome, data disimpan dalam bentuk fail pangkalan data sqlite.

Di bawah Windows, ia disimpan di bawah C:Documents and SettingsUser NameLocal SettingsApplication DataGoogleChromeUser DataDefaultLocal Storage path (di mana Nama Pengguna merujuk kepada nama pengguna semasa

Di bawah Mac, ia disimpan di bawah /Users/User Name
di bawah laluan /Library/Application Support/Google/Chrome/Default/Local Storage (di mana Nama Pengguna merujuk kepada nama pengguna semasa walaupun akhiran ialah .localstorege, ia sebenarnya adalah fail pangkalan data sqlite). gunakan sqlite Buka dan lihat data di dalamnya. (Anda boleh menggunakan komponen tambahan Pengurus SQLite bagi firefox untuk membukanya)
Langkah-langkah untuk memasang komponen adalah serupa dengan memasang alat menu pilih--> untuk kata kunci "SQLite Manager" dan pasang "SQLite Manager" "Selepas pemalam, mulakan semula firefox, anda boleh melihat alat tambah "SQLite Manager" dalam alat, seperti yang ditunjukkan dalam gambar di bawah:
Gambar di bawah adalah untuk melihat fail data setempat yang baru disimpan


Gambar di bawah ialah Beberapa kaedah localStorage yang biasa digunakan:
1. Tambahkan localStorage

Kod XML/HTML

Salin kandungan ke papan keratan

1. localStorage.setItem("key","value"); //Simpan nilai "nilai" dengan "kunci" sebagai nama

2. Dapatkan localStorage

Kod XML/HTML

Salin kandungan ke papan keratan

1. localStorage.getItem("key"); //Dapatkan nilai bernama "kunci"

3. Padamkan Storan setempat

Kod XML/HTML

Salin kandungan ke papan keratan

1. localStorage.removeItem("key"); //Padamkan maklumat bernama "key"

4. Kosongkan Storan setempat

Kod XML/HTML

Salin kandungan ke papan keratan

1. localStorage.clear(); //Kosongkan semua maklumat dalam localStorage

5 Lihat Storan setempat yang disimpan

Anda boleh melihatnya melalui alat konsol penyemak imbas chrome Resource–Storan Tempatan