Storing data in local storage chrome extension

Question

I am developing an extension ,I am using localStorage and now it seems like i will have huge amount of data stored in it. I have read about different approaches like WebSQL and IndexedDB , I am not sure which is best to use . Is localStorage good for this purpose ?

Thank you

score 1 · Answer 1 · edited May 23 '17 at 12:24

localStorage capacity is browser specific and the standards don't seem to specify how much it should be. So different browsers are free to chose their own. By default, it used to be about 10MB for Chrome. See What is the max size of localStorage values?

Users can change the values in the browser settings.

This site seems to run a web storage test on your browser http://dev-test.nemikor.com/web-storage/support-test/ For my Firefox desktop version it correctly reported localStorage of 5MB, I'm assuming this web storage test works fine.

score 1 · Accepted Answer · answered Aug 16 '16 at 07:17

1

I have developed a chrome extension before and I used chrome.storage.local. If you are developing an extension for chrome only, the best choice would be that. It has support for large data, you just have to set the unlimitedStorage permission.

answered Aug 16 '16 at 07:17

David

1,139
3
10
16

Yes i am developing only for chrome,Thank you. – Maxim Toyberman Aug 16 '16 at 08:10

Ravi Teja Kumar Isetty · Answer 3 · 2016-08-16T20:15:55.987

Here is the way i used chrome.storage in my packaged chrome application. It supports large data

I Added storage permissions in my manifest.json
I used chrome.storage.local.set in my js to store data in my browser local storage

manifest.json

"permissions": [
        "notifications",
        "storage"
    ],

script.js- to set the data to local storage

 chrome.storage.local.set({
                          'loginToken': response.data.loginToken,
                           'role':response.data.role
                      }, function() {
                       // console.log("The value stored was: " + loginToken);
                   });

script.js - to get the data from local storage

chrome.storage.local.get('loginToken', function(result) {
                                if (!(result.loginToken)) {
                                    alert("please login with your details!!");
                                }

                            })

if we build hosted chrome app. we can use window.localStorage please refer to this document for the further details. https://developer.chrome.com/extensions/storage

Storing data in local storage chrome extension

3 Answers3