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是一個很好的選擇。