Kohaliku Salvestuse Toimetaja pakub puhast tabeli liidest praeguse saidi localStorage ja sessionStorage kirjete haldamiseks. Sirvi kõiki võti-väärtuse paare, muuda väärtusi kohapeal, lisa uusi kirjeid ja kustuta mittevajalikke. JSON väärtused tuvastatakse automaatselt ja vormindatakse lihtsamaks lugemiseks. Lülitu localStorage ja sessionStorage vahelehtede vahel, et hallata mõlemat salvestuse tüüpi.
Veebirakendused salvestavad tohutuid koguseid seisundit localStorage-sse ja sessionStorage-sse — kasutaja eelistused, autentimise žetoonid, funktsiooni lipud, A/B testi määramised, ostukorvi sisu, vormi mustandid, vahemällu salvestatud API vastused ja UI seisund. Nende väärtuste silumine Chrome DevToolsis nõuab Rakenduste vahekaardile navigeerimist, Salvestuse sektsiooni leidmist ja põhilise võti-väärtuse vaataja kasutamist piiratud muutmise võimalustega. Kohaliku Salvestuse Toimetaja toob selle eesmärgipärasesse paneeli vahelehtede salvestuse lülitamise, kohapeal muutmise, JSON autoformaatimise ja hulgioperatsioonidega. Tabel näitab iga võti-väärtuse paari koos võtme nime ja väärtusega. JSON väärtused (mis on väga tavalised — JSON.stringify abil serialiseeritud objektid) tuvastatakse automaatselt ja kuvatakse nõuetekohase vorminduse ja süntaksi esiletõstmisega. Klõpsa mis tahes väärtust, et muuta seda kohapeal — muudatused kirjutatakse salvestuse API-sse kohe. Lisa uusi kirjeid puhta vormi abil või kustuta kirjeid ükshaaval või hulgi.
Lülitu localStorage ja sessionStorage vahel paneeli ülaosas olevate vahelehtede nuppudega. Iga vahekaart näitab kirjete arvu (nt "localStorage (12)" / "sessionStorage (3)"). Mõlemat salvestuse tüüpi hallatakse ühest liidesest.
Klõpsa mis tahes väärtuse lahtrit, et muuta seda kohapeal. Lihtsate väärtuste puhul tüüpige uus string. JSON väärtuste puhul laiendatakse toimetajat vormindatud tekstialaks koos süntaksi esiletõstmisega. Muudatused salvestatakse salvestuse API-sse kohe.
JSON väärtused (JSON.stringify abil serialiseeritud objektid ja massiivid) tuvastatakse automaatselt ja kuvatakse nõuetekohase taandamise ja süntaksi esiletõstmisega. Muuda vormindatud JSON-i otse — see serialiseeritakse uuesti salvestamisel.
Klõpsa "Lisa Kirje", et luua uus võti-väärtuse paar. Sisesta võtme nimi ja väärtus (string või JSON). Kirje kirjutatakse kohe praeguse domeeni localStorage-sse või sessionStorage-sse.
Kustuta üksikud kirjed rea kustutamise nupuga või kasuta "Kustuta Kõik", et eemaldada iga kirje praeguse salvestuse tüübi jaoks. Kasulik rakenduse seisundi lähtestamiseks testimise ajal.
Toimetajas tehtud muudatused kajastuvad rakenduses kohe. Kui rakendus loeb väärtust localStorage-st kasutaja interaktsioonil, muudab selle väärtuse muutmine paneelil, mida rakendus järgmisena loeb — enamiku juhtumite puhul lehte uuesti laadida pole vaja.
Inspekteeri, milliseid väärtusi sinu rakendus on localStorage-sse salvestanud. Kas autentimise žetoon on olemas? Kas kasutaja eelistuste objekt on õigesti struktureeritud? Kas vananenud vahemällu salvestatud väärtus põhjustab ootamatut käitumist?
Kustuta kogu localStorage, et lähtestada rakendus oma algseisundisse — kasulik esmakordse käivitamise kogemuste, sisseelamisvoogude ja vaikekonfiguratsioonide testimiseks ilma teiste saitide brauseri andmeid kustutamata.
Paljud rakendused salvestavad funktsiooni lippude väärtused localStorage-sse. Muuda neid otse, et lubada või keelata funktsioone ilma lippude haldamise UI kaudu käimata või ümberpaigutamiseta.
Muuda salvestatud kasutaja eelistusi, teema seadeid, keele valikuid või sisseelamisvoo täitmise lipukesi, et simuleerida erinevaid kasutajaseisundeid ja testida, kuidas rakendus igaühega toime tuleb.
Vaata, milliseid andmeid kolmanda osapoole skriptid (analüütika, vestlus, reklaam) salvestavad sinu domeeni localStorage-sse. Auditeeri andmeid privaatsusvastavuse ja ootamatu salvestuse kasutuse jaoks.
Ava DevSuite Pro ujuv dokk ja klõpsa Kohaliku Salvestuse Toimetaja ikoonil. Avaneb paneel, mis näitab kõiki praeguse domeeni localStorage kirjeid.
Keri läbi võti-väärtuse tabeli. JSON väärtused vormistatakse automaatselt. Lülitu vahekaartidele, et vaadata sessionStorage-i.
Klõpsa mis tahes väärtust, et muuta seda kohapeal. JSON väärtuste puhul ilmub vormindatud toimetaja. Muudatused salvestatakse salvestuse API-sse kohe.
Klõpsa "Lisa Kirje", et luua uus võti-väärtuse paar. Klõpsa mis tahes rea kustutamise ikooni selle eemaldamiseks. "Kustuta Kõik" eemaldab kõik.
Pärast salvestuse väärtuste muutmist suhtle lehega, et näha, kuidas rakendus muutunud andmetele reageerib.
Paigaldage DevSuite Pro tasuta ja avage 39+ arendustööriista oma brauserile.