{"id":12817,"date":"2022-09-20T12:41:38","date_gmt":"2022-09-20T10:41:38","guid":{"rendered":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/?p=12817"},"modified":"2023-11-15T14:42:30","modified_gmt":"2023-11-15T13:42:30","slug":"javascript-local-storage","status":"publish","type":"post","link":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/","title":{"rendered":"Javascript Local Storage: Il browser come datastore"},"content":{"rendered":"\n<p class=\"has-medium-font-size wp-block-paragraph\">&nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/compressione-dati\/\">Javascript<\/a>\u00a0 \u00e8 senza dubbio il linguaggio pi\u00f9 utilizzato e diffuso al mondo. Utile per eseguire codice all\u2019interno della finestra di un browser web. Nel tempo \u00e8 diventato anche un linguaggio molto affidabile e maturo. Come tutti i linguaggi \u00e8 caratterizzato dalla presenza di API che arricchiscono di straordinarie funzionalit\u00e0 il linguaggio. Da qualche anno ormai la <a href=\"https:\/\/www.html.it\/pag\/51720\/storage-api-web-storage\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web Storage API<\/a>, cio\u00e8 quella libreria che si occupa della gestione della memorizzazione degli oggetti, utilizzati in fase di esecuzione di &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/un-comando-javascript-poco-conosciuto-ma-molto-efficace\/\">codice Javascript<\/a>\u00a0, \u00e8 stata aggiornata con l\u2019implementazione di due nuove propriet\u00e0 gestite dall\u2019oggetto <strong>window<\/strong>. Le due propriet\u00e0 in questione sono: <strong>localStorage<\/strong> e <strong>sessionStorage<\/strong>. Entrambe danno vita a \u201c<strong>Javascript Local Storage<\/strong>\u201d. Un ambiente che trasformer\u00e0 il tuo browser web in un vero e proprio datastore locale di oggetti.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">In questo articolo:<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/#1_Differenza_tra_Cookie_localStorage_e_sessionStorage\" >1. Differenza tra Cookie, localStorage e sessionStorage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/#2_Javascript_Local_Storage_in_Action\" >2. Javascript Local Storage in Action<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/#3_Eliminare_oggetti_localStorage\" >3. Eliminare oggetti localStorage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/#4_Conclusioni\" >4. Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Differenza_tra_Cookie_localStorage_e_sessionStorage\"><\/span><strong>1. Differenza tra Cookie, localStorage e sessionStorage<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Sicuramente ti starai chiedendo: \u201c<strong><em>che differenza c\u2019\u00e8 nella gestione di un datastore tramite cookies da una gestione effettuata sfruttando localStorage e sessionStorage?<\/em><\/strong>\u201d La domanda \u00e8 pi\u00f9 che pertinente e, a dire il vero, mi fa piacere che tu te la sia posta. Come ben sai i linguaggi di programmazione si evolvono e, questa evoluzione spesso, \u00e8 imposta da fattori che impongono un livello di gestione della sicurezza sempre pi\u00f9 elevato. Specialmente in ambito web. Infatti, <strong><em>funzionano sulla politica della stessa origine<\/em><\/strong>. Pertanto i dati archiviati lato client, saranno disponibili solo su questa origine. A differenza dei cookies, localStorage e sessionStorage, hanno limiti di memoria, per la memorizzazione dei dati, pi\u00f9 ampi. Ricorderai che con i cookies avevi al massimo 4KB a tua disposizione. Bene, <strong>localStorage<\/strong> e <strong>sessionStorage<\/strong>, hanno ben 5MB a disposizione per tutto il datastore. Inoltre, essendo i dati gestibili solo lato client, non verranno spediti di volta in volta al server, riducendo il traffico tra client e server.<\/p>\n\n\n\n<hr>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Leggi anche: <a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come creare un pdf in html e Javascript con PdfMake<\/a><\/p>\n\n\n\n<hr>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Javascript_Local_Storage_in_Action\"><\/span><strong>2. Javascript Local Storage in Action<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Ora, dopo aver fugato ogni tipo di dubbio sull\u2019utilizzo di <strong>Javascript Local Storage<\/strong> torniamo alle propriet\u00e0 <strong>localStorage<\/strong> e <strong>sessionStorage<\/strong>. Come tutto ci\u00f2 che ha a che fare con lo sviluppo in generale un buon esempio \u00e8 la risorsa pi\u00f9 importante per spiegare nel dettaglio l\u2019implementazione e l\u2019utilizzo di queste due fondamentali propriet\u00e0. Prima per\u00f2, ti anticipo che per impostare e recuperare dati dal datastore del browser, sia localStorage sia sessionStorage, utilizzano due metodi che non lasciano alcun dubbio circa la loro funzione. I due metodi sono: <strong>setItem<\/strong> e <strong>getItem<\/strong>. Nei due esempi che seguono, il cui codice potrai testare, copiando e incollando, in una tua pagina html, i due metodi sono implementati con una semplicit\u00e0 disarmante.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Esempio d\u2019uso di localStorage:<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n   &lt;body&gt;\n      &lt;h1&gt;Funzionamento di localStorage&lt;\/h1&gt;\n      &lt;h2&gt;La propriet\u00e0 localStorage&lt;\/h2&gt;\n      &lt;p&gt;Il nome memorizzato in localStorage \u00e8:&lt;\/p&gt;\n      &lt;p id=\"demo\"&gt;&lt;\/p&gt;\n      &lt;script&gt;\n        \/\/ -------------------------------\n        \/\/ Imposta la variabile \u201clastname\u201d\n        \/\/ -------------------------------\n        localStorage.setItem(\"lastname\", \"Smith\");\n        \/\/ -----------------------------------------------\n        \/\/ Preleva Il contenuto della variabile \u201clastname\u201d\n        \/\/ e la visualizza al\u2019interno del paragrafo \u201cdemo\u201d\n        \/\/ -----------------------------------------------\n        document.getElementById(\"demo\").innerHTML = localStorage.getItem(\"lastname\");\n      &lt;\/script&gt; \n   &lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Esempio d\u2019uso di sessionStorage:<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">&lt;html&gt;\n   &lt;body&gt;\n      &lt;h1&gt; Funzionamento di sessionStorage &lt;\/h1&gt;\n      &lt;h2&gt; La propriet\u00e0 sessionStorage&lt;\/h2&gt;\n      &lt;p&gt;Il Nome \u00e8:&lt;\/p&gt;\n      &lt;p id=\"demo\"&gt;&lt;\/p&gt;\n      &lt;script&gt;\n         \/\/ -------------------------------------------\n         \/\/ Imposta la variabile di sessione \u201clastname\u201d\n         \/\/ -------------------------------------------\n         sessionStorage.setItem(\"lastname\", \"Smith\");\n         \/\/ -----------------------------------------------------------\n         \/\/ Preleva Il contenuto della variabile di sessione \u201clastname\u201d\n         \/\/ e la visualizza al\u2019interno del paragrafo \u201cdemo\u201d\n         \/\/ -----------------------------------------------------------\n         let personName = sessionStorage.getItem(\"lastname\");\n         document.getElementById(\"demo\").innerHTML = personName;\n      &lt;\/script&gt;\n   &lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Il codice non lascia dubbi. Capire il funzionamento di queste due straordinarie propriet\u00e0 dell\u2019oggetto window \u00e8 estremamente semplice. Tuttavia, \u00e8 opportuno puntualizzare, quando usare localStorage e quando utilizzare sessionStorage. La differenza sostanziale tra <strong>localStorage<\/strong> e <strong>sessionStorage<\/strong> riguarda solo la visibilit\u00e0 che gli oggetti trattati hanno all\u2019interno del datastore di un browser. Infatti, mentre con sessionStorage gli oggetti sono visibili solo per finestra\/scheda in cui sono stati impostati e restano attivi fino alla chiusura della finestra\/scheda del browser che li ha generati. Con localStorage i dati persistono fino ad una loro eliminazione esplicita e, se non vengono rimossi, saranno disponibili anche per visite future della &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/a-che-serve-il-simbolo-nella-url\/\">pagina web<\/a>\u00a0 ma solo sulla stessa origine. <strong><em>I dati memorizzati con localStorage non hanno nessuna scadenza.<\/em><\/strong><\/p>\n\n\n\n<hr>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Leggi anche: <a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/come-fatto-un-framework-come-quello-di-bootstrap-4-e-difficile-creare-un-framework\/\" target=\"_blank\" rel=\"noreferrer noopener\">Come creare una libreria javascript come Bootstrap<\/a><\/p>\n\n\n\n<hr>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Eliminare_oggetti_localStorage\"><\/span><strong>3. Eliminare oggetti localStorage<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Come anticipato precedentemente, Javascript, \u00e8 stato arricchito di due propriet\u00e0. La prima, <strong>localStorage<\/strong>, molto comoda e ampiamente utilizzata dagli sviluppatori, capace di memorizzare dati all\u2019interno del browser, ma, dopo la chiusura della finestra\/scheda del browser che ha generato i dati, le informazioni continueranno a persistere fino a quando lo sviluppatore non le eliminer\u00e0 esplicitamente. La seconda propriet\u00e0, <strong>sessionStorage, <\/strong>definisce oggetti di sessione. Per quanto riguarda sessionStorage, gestendo oggetti di sessione, questi ultimi verranno rimossi automaticamente alla chiusura del browser o della finestra\/scheda che li ha generati. Mentre, l\u2019eliminazione di oggetti, generati con la propriet\u00e0 localStorage, avviene esplicitamente. Questo significa che sar\u00e0 il programmatore a gestirne la vita.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Eliminare oggetti creati da localStorage \u00e8 molto semplice. Infatti, questa propriet\u00e0 ha un metodo \u201c<strong>removeItem<\/strong>\u201d che riceve come parametro l\u2019oggetto da eliminare. Quindi, volendo eliminare l\u2019oggetto \u201c<strong>lastname<\/strong>\u201d, presente nei due script trattati nel paragrafo precedente, occorre eseguire questo comando:<\/p>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">localStorage.removeItem(\u2018lastname\u2019);<\/pre>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Dopo l\u2019esecuzione di questo comando, l\u2019oggetto \u201clastname\u201d, verr\u00e0 completamente rimosso dal datastore del browser. Fino all\u2019esecuzione di tale operazione, tutti gli oggetti, creati con la propriet\u00e0 localStorage, saranno sempre disponibili, anche a distanza di giorni, sulla stessa origine. Cio\u00e8, stesso computer e stesso browser accederanno ad oggetti localStorage fino ad una loro esplicita eliminazione.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Conclusioni\"><\/span><strong>4. Conclusioni<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Per fugare ogni dubbio, circa l\u2019utilizzo di queste due nuove straordinarie propriet\u00e0, integrate all\u2019interno dell\u2019oggetto globale <strong>window,<\/strong> ti consiglio di seguire questo breve video tutorial che ti permetter\u00e0 di capire nel dettaglio le differenze tra queste due fondamentali propriet\u00e0.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);margin-left:var(--wp--preset--spacing--50)\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Web Storage API: localStorage e sessionStorage in Javascript\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/E3S0JbTYSnk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/youtu.be\/E3S0JbTYSnk\" target=\"_blank\" rel=\"noreferrer noopener\">localStorage e sessionStorage in javascript<\/a><\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Con Javascript Local Storage, puoi trasforma il tuo browser in un datastore. Cio\u00e8, potrai imposta e recuperare oggetti all\u2019interno del browser web e archiviare dati senza nessuna data di scadenza.<\/p>\n","protected":false},"author":1,"featured_media":12819,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,12,11],"tags":[3860,2340,2231,30,34,2280,1787,3265,4742,3356,37,2228,1156,1785,70],"class_list":["post-12817","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-e-strumenti-operativi-per-lo-sviluppo-software","category-recenti","category-sviluppo","tag-browser-it","tag-development","tag-fare","tag-html","tag-javascript","tag-memoria","tag-new","tag-pdf","tag-programmazione","tag-server","tag-sviluppo","tag-to","tag-tutorial","tag-video","tag-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Javascript Local Storage: Il browser come datastore<\/title>\n<meta name=\"description\" content=\"Con Javascript local storage, trasformerai il tuo browser in un vero e proprio datastore di oggetti locali e di sessione.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Javascript Local Storage: Il browser come datastore.\" \/>\n<meta property=\"og:description\" content=\"Con Javascript local storage, trasformerai il tuo browser in un vero e proprio datastore di oggetti locali e di sessione.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/\" \/>\n<meta property=\"og:site_name\" content=\"Antonio Lamorgese\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-20T10:41:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-15T13:42:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/javascript-local-storage-il-browser-come-datastore.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Antonio Lamorgese\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Javascript Local Storage: Il browser come datastore.\" \/>\n<meta name=\"twitter:description\" content=\"Con Javascript local storage, trasformerai il tuo browser in un vero e proprio datastore di oggetti locali e di sessione.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/javascript-local-storage-il-browser-come-datastore.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@AntonioLamorge3\" \/>\n<meta name=\"twitter:site\" content=\"@AntonioLamorge3\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Antonio Lamorgese\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/javascript-local-storage\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/javascript-local-storage\\\/\"},\"author\":{\"name\":\"Antonio Lamorgese\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\"},\"headline\":\"Javascript Local Storage: Il browser come datastore\",\"datePublished\":\"2022-09-20T10:41:38+00:00\",\"dateModified\":\"2023-11-15T13:42:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/javascript-local-storage\\\/\"},\"wordCount\":834,\"publisher\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\"},\"image\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/javascript-local-storage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/javascript-local-storage-il-browser-come-datastore.jpg\",\"keywords\":[\"browser\",\"development\",\"fare\",\"html\",\"javascript\",\"memoria\",\"new\",\"PDF\",\"Programmazione\",\"server\",\"sviluppo\",\"to\",\"tutorial\",\"video\",\"web\"],\"articleSection\":[\"Articoli\",\"Recenti\",\"Sviluppo\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/javascript-local-storage\\\/\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/javascript-local-storage\\\/\",\"name\":\"Javascript Local Storage: Il browser come datastore\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/javascript-local-storage\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/javascript-local-storage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/javascript-local-storage-il-browser-come-datastore.jpg\",\"datePublished\":\"2022-09-20T10:41:38+00:00\",\"dateModified\":\"2023-11-15T13:42:30+00:00\",\"description\":\"Con Javascript local storage, trasformerai il tuo browser in un vero e proprio datastore di oggetti locali e di sessione.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/javascript-local-storage\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/javascript-local-storage\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/javascript-local-storage\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/javascript-local-storage-il-browser-come-datastore.jpg\",\"contentUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/javascript-local-storage-il-browser-come-datastore.jpg\",\"width\":800,\"height\":450,\"caption\":\"javascript local storage\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/javascript-local-storage\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sviluppo\",\"item\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/category\\\/sviluppo\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Javascript Local Storage: Il browser come datastore\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#website\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/\",\"name\":\"Antonio Lamorgese\",\"description\":\"Il web e i suoi strumenti operativi\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\",\"name\":\"Antonio Lamorgese\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\",\"contentUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\",\"width\":120,\"height\":130,\"caption\":\"Antonio Lamorgese\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\"},\"description\":\"Amministratore di rete e sviluppatore. Dopo anni di esperienza nel settore, ho ideato un sistema di gestione dati MYSQL in PHP senza scrivere una sola riga di codice.&nbsp;Scopri di pi\u00f9....\",\"sameAs\":[\"https:\\\/\\\/www.Phpcodewizard.it\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/antonio-lamorgese-660735190\\\/\",\"https:\\\/\\\/pinterest.it\\\/antoniolamorgese9711\\\/\",\"https:\\\/\\\/x.com\\\/AntonioLamorge3\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/antoniolamorgese\",\"https:\\\/\\\/tumblr.com\\\/blog\\\/phpcodewizard\"],\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/author\\\/antonio-lamorgese\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Javascript Local Storage: Il browser come datastore","description":"Con Javascript local storage, trasformerai il tuo browser in un vero e proprio datastore di oggetti locali e di sessione.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/","og_locale":"it_IT","og_type":"article","og_title":"Javascript Local Storage: Il browser come datastore.","og_description":"Con Javascript local storage, trasformerai il tuo browser in un vero e proprio datastore di oggetti locali e di sessione.","og_url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/","og_site_name":"Antonio Lamorgese","article_published_time":"2022-09-20T10:41:38+00:00","article_modified_time":"2023-11-15T13:42:30+00:00","og_image":[{"width":800,"height":450,"url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/javascript-local-storage-il-browser-come-datastore.jpg","type":"image\/jpeg"}],"author":"Antonio Lamorgese","twitter_card":"summary_large_image","twitter_title":"Javascript Local Storage: Il browser come datastore.","twitter_description":"Con Javascript local storage, trasformerai il tuo browser in un vero e proprio datastore di oggetti locali e di sessione.","twitter_image":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/javascript-local-storage-il-browser-come-datastore.jpg","twitter_creator":"@AntonioLamorge3","twitter_site":"@AntonioLamorge3","twitter_misc":{"Scritto da":"Antonio Lamorgese","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/#article","isPartOf":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/"},"author":{"name":"Antonio Lamorgese","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0"},"headline":"Javascript Local Storage: Il browser come datastore","datePublished":"2022-09-20T10:41:38+00:00","dateModified":"2023-11-15T13:42:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/"},"wordCount":834,"publisher":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0"},"image":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/#primaryimage"},"thumbnailUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/javascript-local-storage-il-browser-come-datastore.jpg","keywords":["browser","development","fare","html","javascript","memoria","new","PDF","Programmazione","server","sviluppo","to","tutorial","video","web"],"articleSection":["Articoli","Recenti","Sviluppo"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/","name":"Javascript Local Storage: Il browser come datastore","isPartOf":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/#primaryimage"},"image":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/#primaryimage"},"thumbnailUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/javascript-local-storage-il-browser-come-datastore.jpg","datePublished":"2022-09-20T10:41:38+00:00","dateModified":"2023-11-15T13:42:30+00:00","description":"Con Javascript local storage, trasformerai il tuo browser in un vero e proprio datastore di oggetti locali e di sessione.","breadcrumb":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/#primaryimage","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/javascript-local-storage-il-browser-come-datastore.jpg","contentUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2022\/09\/javascript-local-storage-il-browser-come-datastore.jpg","width":800,"height":450,"caption":"javascript local storage"},{"@type":"BreadcrumbList","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/javascript-local-storage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/en\/"},{"@type":"ListItem","position":2,"name":"Sviluppo","item":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/category\/sviluppo\/"},{"@type":"ListItem","position":3,"name":"Javascript Local Storage: Il browser come datastore"}]},{"@type":"WebSite","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#website","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/","name":"Antonio Lamorgese","description":"Il web e i suoi strumenti operativi","publisher":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":["Person","Organization"],"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0","name":"Antonio Lamorgese","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png","contentUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png","width":120,"height":130,"caption":"Antonio Lamorgese"},"logo":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png"},"description":"Amministratore di rete e sviluppatore. Dopo anni di esperienza nel settore, ho ideato un sistema di gestione dati MYSQL in PHP senza scrivere una sola riga di codice.&nbsp;Scopri di pi\u00f9....","sameAs":["https:\/\/www.Phpcodewizard.it\/","https:\/\/www.linkedin.com\/in\/antonio-lamorgese-660735190\/","https:\/\/pinterest.it\/antoniolamorgese9711\/","https:\/\/x.com\/AntonioLamorge3","https:\/\/www.youtube.com\/user\/antoniolamorgese","https:\/\/tumblr.com\/blog\/phpcodewizard"],"url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/author\/antonio-lamorgese\/"}]}},"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts\/12817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/comments?post=12817"}],"version-history":[{"count":5,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts\/12817\/revisions"}],"predecessor-version":[{"id":26045,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts\/12817\/revisions\/26045"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/media\/12819"}],"wp:attachment":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/media?parent=12817"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/categories?post=12817"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/tags?post=12817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}