Calculating usage of localStorage space

javascript size storage local-storage capacity
JeroenEijkhof picture JeroenEijkhof · Jun 12, 2010 · Viewed 58.9k times · Source

I am creating an app using the Bespin editor and HTML5's localStorage. It stores all files locally and helps with grammar, uses JSLint and some other parsers for CSS and HTML to aid the user.

I want to calculate how much of the localStorage limit has been used and how much there actually is. Is this possible today? I was thinking for not to simply calculate the bits that are stored. But then again I'm not sure what more is there that I can't measure myself.

Answer

Morgon picture Morgon · Jun 13, 2011

You may be able to get an approximate idea by using the JSON methods to turn the whole localStorage object to a JSON string:

JSON.stringify(localStorage).length

I don't know how byte-accurate it would be, especially with the few bytes of added markup if you're using additional objects - but I figure it's better than thinking you're only pushing 28K and instead doing 280K (or vice-versa).

Related questions

Set element width or height in Standards Mode

Is it possible to set width or height of HTML element (ex. <div>) in JavaScript in Standards Mode? Note the following code: <html> <script language="javascript" type="text/javascript"> function changeWidth(){ var e1 = document.…

Read More
How many bytes in a JavaScript string?

I have a javascript string which is about 500K when being sent from the server in UTF-8. How can I tell its size in JavaScript? I know that JavaScript uses UCS-2, so does that mean 2 bytes per character. However, does …

Read More
How to set twitter bootstrap modal wider and higher?

How to set twitter bootstrap modal wider and higher? Example here (please click: Launch demo modal): http://twitter.github.com/bootstrap/javascript.html#modals

Read More