Chrome扩展程序可以访问本地存储吗？

Question

是否有可能以Chrome浏览器在Chrome浏览器重启的情况下可以访问的方式存储数据？

Answer 1

甚至比这更简单：

阅读：

var myStoredValue = localStorage["TheKeyToMyStoredValue"]; 

写：

localStorage["TheKeyToMyStoredValue"] = myNewValueToStore; 

摆脱：

delete localStorage["TheKeyToMyStoredValue"]; 

Answer 2

是的。详细了解如何做到这一点可能会超出合理的StackOverflow答案的长度，因此我会通过Rajdeep Dua向您推荐this very extensive tutorial。

相关的代码是这样的：

// 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

目前的Chrome版本具有本地存储。

我自己也用过它。您可以使用modernizr来检测浏览器是否支持它。 我已经为客户端编写了一个解决方案，如果没有本地存储，我会回退到cookie，但这对扩展应该不是问题。

Answer 4

Chrome浏览器也支持HTML5 Web Database规格。这给你一个本地的SQL数据库，所以你可以做更复杂的事情，而不是简单地在本地存储中存储名称/值对。

Answer 5

今天使用chrome.storage可能会更好。 chrome.storage是异步的，这使得它更快，localStorage被限制为5MB。

Answer 6

这里已经有一些很好的答案，但请注意，如果您决定在扩展中使用内容脚本，那么该内容脚本将无法访问localStorage。因此chrome.storage是一个很好的选择。