Local Storage Editor tarjoaa selkeän taulukkonäkymän nykyisen sivuston localStorage- ja sessionStorage-merkintöjen hallintaan. Selaa kaikkia avain-arvo-pareja, muokkaa arvoja suoraan taulukossa, lisää uusia merkintöjä ja poista tarpeettomia. JSON-arvot tunnistetaan automaattisesti ja muotoillaan helppolukuiseksi. Vaihda localStorage- ja sessionStorage-välilehtien välillä hallitaksesi molempia tallennustyyppejä.
Verkkosovellukset tallentavat valtavia määriä tilaa localStorage- ja sessionStorage-varastoihin — käyttäjäasetuksia, todennustunnuksia, ominaisuuslippuja, A/B-testijakoja, ostoskorin sisältöä, lomakeluonnoksia, välimuistiin tallennettuja API-vastauksia ja käyttöliittymän tilaa. Näiden arvojen virheenkorjaus Chrome DevToolsissa vaatii siirtymistä Sovellus-välilehdelle, Tallennus-osion löytämistä ja perusavain-arvo-katseluohjelman käyttämistä rajallisilla muokkausominaisuuksilla. Local Storage Editor tuo tämän toiminnallisuuden tarkoituksenmukaiseen paneeliin, jossa on välilehtivaihto tallennustyyppien välillä, suora muokkaus, JSON-automuotoilu ja joukkopoistot. Taulukko näyttää jokaisen avain-arvo-parin avainnimineen ja arvoineen. JSON-arvot — jotka ovat erittäin yleisiä, JSON.stringify-funktiolla sarjallistettuja objekteja — tunnistetaan automaattisesti ja näytetään oikealla muotoilulla ja syntaksin korostuksella. Napsauta mitä tahansa arvoa muokataksesi sitä paikanpäällä — muutokset kirjoitetaan heti tallennus-API:iin. Lisää uusia merkintöjä selkeällä lomakkeella tai poista merkintöjä yksitellen tai joukkona.
Vaihda localStorage- ja sessionStorage-varastojen välillä paneelin yläreunassa olevilla välilehtipainikkeilla. Jokainen välilehti näyttää merkintöjen lukumäärän (esim. "localStorage (12)" / "sessionStorage (3)"). Molempia tallennustyyppejä hallitaan yhdestä käyttöliittymästä.
Napsauta mitä tahansa arvosolua muokataksesi sitä paikanpäällä. Yksinkertaisille arvoille kirjoita uusi merkkijono. JSON-arvoille editori laajenee muotoiltuun tekstialueeseen syntaksin korostuksella. Muutokset tallennetaan tallennus-API:iin välittömästi.
JSON-arvot — JSON.stringify-funktiolla sarjallistetut objektit ja taulukot — tunnistetaan automaattisesti ja näytetään oikealla sisennyksellä ja syntaksin korostuksella. Muokkaa muotoiltua JSON-koodia suoraan — se sarjalistetaan uudelleen tallentaessasi.
Napsauta "Lisää merkintä" luodaksesi uuden avain-arvo-parin. Kirjoita avaimen nimi ja arvo (merkkijono tai JSON). Merkintä kirjoitetaan välittömästi localStorage- tai sessionStorage-varastoon nykyiselle verkkotunnukselle.
Poista yksittäisiä merkintöjä rivin poistopainikkeella tai käytä "Tyhjennä kaikki" -toimintoa poistaaksesi kaikki nykyisen tallennustyypin merkinnät. Hyödyllinen sovelluksen tilan nollaamiseen testauksen aikana.
Editorissa tehdyt muutokset näkyvät sovelluksessa välittömästi. Jos sovellus lukee arvon localStorage-varastosta käyttäjän toiminnon yhteydessä, paneelissa tehty muutos vaikuttaa seuraavaan lukuoperaatioon — useimmissa tapauksissa sivua ei tarvitse ladata uudelleen.
Tutki, mitä arvoja sovelluksesi on tallentanut localStorage-varastoon. Onko todennustunnus paikallaan? Onko käyttäjäasetusobjekti rakennettu oikein? Aiheuttaako vanhentunut välimuistiarvo odottamatonta käyttäytymistä?
Tyhjennä koko localStorage nollataksesi sovelluksen alkutilaan — hyödyllinen ensiajokokemuksen, käyttöönottoprosessien ja oletusasetusten testaamiseen ilman, että muiden sivustojen selaintiedot poistetaan.
Monet sovellukset tallentavat ominaisuuslippujen arvot localStorage-varastoon. Muokkaa niitä suoraan ottaaksesi ominaisuuksia käyttöön tai pois käytöstä ilman lippujen hallintakäyttöliittymää tai uudelleenkäyttöönottoa.
Muokkaa tallennettuja käyttäjäasetuksia, teema-asetuksia, kielivalintoja tai käyttöönotto-tilalippuja simuloidaksesi eri käyttäjätiloja ja testataksesi, miten sovellus käsittelee kutakin tilaa.
Katso, mitä tietoja kolmansien osapuolten skriptit (analytiikka, chat, mainonta) tallentavat verkkotunnuksesi localStorage-varastoon. Tarkasta tiedot yksityisyydenmukaisuuden ja odottamattoman tallennuskäytön varalta.
Avaa DevSuite Pro -kelluva telakka ja napsauta Local Storage Editor -kuvaketta. Paneeli avautuu ja näyttää kaikki nykyisen verkkotunnuksen localStorage-merkinnät.
Selaa avain-arvo-taulukkoa. JSON-arvot muotoillaan automaattisesti. Vaihda välilehteä nähdäksesi sessionStorage-varaston sijaan.
Napsauta mitä tahansa arvoa muokataksesi sitä suoraan taulukossa. JSON-arvoille näkyviin tulee muotoiltu editori. Muutokset tallennetaan tallennus-API:iin välittömästi.
Napsauta "Lisää merkintä" luodaksesi uuden avain-arvo-parin. Napsauta rivin roskakorikuvaketta poistaaksesi sen. "Tyhjennä kaikki" poistaa kaikki merkinnät.
Muokattuasi tallennusarvoja toimi sivulla normaalisti ja tarkkaile, miten sovellus reagoi muutettuihin tietoihin.
Asenna DevSuite Pro ilmaiseksi ja avaa yli 39 kehittäjätyökalua selaimellesi.
