How to get local storage in chrome extension

[satendra02]

How to get local storage in chrome extension

[satendra02]

You must declare the storage permission in the extension manifest to use the storage API.

{  
   "name": "My extension",
   ...
   "permissions": [
      "storage"
    ],
   ...
}

To store user data for your extension, you can use either storage.sync or storage.local

Keep in mind that storing and fetching data in chrome storage is an asynchronous process so you must wait for the callback function to execute your code synchronously.

/*global chrome*/

// Setting data func
function setDataToStorage(data, callback){
   chrome.storage.sync.set(data, callback);
}

// Getting data func
function getDataFromStorage(key, callback){
   chrome.storage.sync.get(key, callback);
}

// Calling set data function .
let data = {"id": "1234", "name": "Jhon", "age": 24};

setDataToStorage(data, function(){
   console.log("Data saved successfully!");

   // Calling get data function.
   getDataFromStorage(["name",  "age"], function(result){
        console.log('Name: ' + result.name, 'Age: ' + result.age);
   })
})

Note: The above example is to just show you how to store data and fetch it.
I am calling getDataFromStorage function inside setDataToStorage callback function to make sure we will get the output. You can use it independently as per your use case.

Make sure to use /*global chrome*/ at top of your file to use any chrome API.

Also, read the official docs for more information.

I hope it helps. Let me know if you face any difficulty using it.