Les extensions Chrome ont-elles accès au stockage local?

Question

Est-il possible de stocker des données d'une manière qui sera accessible après le redémarrage d'un navigateur dans le contexte d'une extension chrome?

Answer 1

encore plus simple que cela:

à lire:

var myStoredValue = localStorage["TheKeyToMyStoredValue"]; 

à écrire:

localStorage["TheKeyToMyStoredValue"] = myNewValueToStore; 

pour se débarrasser de:

delete localStorage["TheKeyToMyStoredValue"]; 

Answer 2

Oui, c'est le cas. Passer en revue une procédure pas à pas complète sur la façon de le faire dépasserait probablement la longueur d'une réponse StackOverflow raisonnable, donc je vous renvoie à this very extensive tutorial par Rajdeep Dua.

Le code correspondant ressemblerait à ceci:

// Store item in local storage: 
    function setItem(key, value) { 
    try { 
     log("Storing [" + key + ":" + value + "]"); 
     window.localStorage.removeItem(key);  // <-- Local storage! 
     window.localStorage.setItem(key, value); // <-- Local storage! 
    } catch(e) { 
     log("Error inside setItem"); 
     log(e); 
    } 
    log("Return from setItem" + key + ":" + value); 
    } 

    // Gets item from local storage with specified key. 
    function getItem(key) { 
    var value; 
    log('Retrieving key [' + key + ']'); 
    try { 
     value = window.localStorage.getItem(key); // <-- Local storage! 
    }catch(e) { 
     log("Error inside getItem() for key:" + key); 
     log(e); 
     value = "null"; 
    } 
    log("Returning value: " + value); 
    return value; 
    } 

    // Clears all key/value pairs in local storage. 
    function clearStrg() { 
    log('about to clear local storage'); 
    window.localStorage.clear(); // <-- Local storage! 
    log('cleared'); 
    } 

    function log(txt) { 
    if(logging) { 
     console.log(txt); 
    } 
    } 

Answer 3

La version chromée actuelle a un stockage local.

Je l'ai moi-même utilisé. Vous pouvez utiliser modernizr pour détecter si le navigateur le supporte ou non. J'ai écrit une solution pour un client où je fais un repli sur cookie si aucun stockage local n'existe, mais cela ne devrait pas poser de problème pour les extensions.

Answer 4

Chrome prend également en charge le HTML5 Web Database spec. Cela vous donne une base de données SQL locale, ce qui vous permet de faire des choses plus complexes que de simplement stocker des paires nom/valeur dans le stockage local.

Answer 5

Aujourd'hui, il peut être préférable d'utiliser chrome.storage. chrome.storage est asynchrone, ce qui le rend plus rapide et localStorage est limité à 5 Mo.

Answer 6

Il y a déjà quelques bonnes réponses ici, mais notez que si vous décidez d'utiliser un script de contenu dans votre extension, ce script de contenu n'aura pas accès à localStorage. par conséquent, chrome.storage est une bonne alternative.