Come posso salvare le informazioni localmente nella mia estensione di Chrome?

Voglio che la mia estensione chrome salvi alcune informazioni e non sono sicuro di come avviare il codice … Ne ho bisogno per salvare le stringhe. Ad esempio: l’utente immette una stringa (in un’area di testo sopra il popup) e questa stringa viene visualizzata nel popup. Quando l’utente lo chiude e ritorna, voglio che la stringa rimanga la stessa. (Credo che debba salvarlo) Non voglio salvarlo sul mio server o qualcosa del genere, voglio che venga salvato nella cache degli utenti o qualcosa del genere.

Adesso puoi sfruttare anche l’API di storage Google Chrome per fare ciò. A differenza di localStorage , questo è accessibile anche dagli script di contenuto.

 // Somewhere in your manifest... { "permissions": [ "storage" ] } // Usage: // PERSISTENT Storage - Globally // Save data to storage across their browsers... chrome.storage.sync.set({ "yourBody": "myBody" }, function(){ // A data saved callback omg so fancy }); chrome.storage.sync.get(/* String or Array */["yourBody"], function(items){ // items = [ { "yourBody": "myBody" } ] }); // LOCAL Storage // Save data to storage locally, in just this browser... chrome.storage.local.set({ "phasersTo": "awesome" }, function(){ // Data's been saved boys and girls, go on home }); chrome.storage.local.get(/* String or Array */["phasersTo"], function(items){ // items = [ { "phasersTo": "awesome" } ] }); 

Maggiori informazioni su come funzionano questi shenanigans qui: https://developer.chrome.com/extensions/storage#type-StorageArea

Risposta precedente:

Usa localStorage . Google Chrome implementa alcune funzionalità di HTML5 ed è uno di questi.

 //Pull text from user inputbox var data = document.getElementById("this_input").value; //Save it to the localStorage variable which will always remember what you store in it localStorage["inputText"] = data; 

Dovresti notare che puoi accedere alla tua memoria solo dalla pagina di sfondo (senza script di contenuto), quindi dovrai usare la messaggistica per farlo.

Ora c’è un’API specifica, controlla qui: https://developer.chrome.com/extensions/storage

Si noti che è disponibile solo sulla pagina di sfondo e funziona in un mondo isolato (non si accede ai valori contenuti nel localStorage HTML5 del sito Web).