Clear HTML5 local storage on a specific page

Chrome now provides an option to clear Local Storage of a specific site. For this, enter this in the Omnibox

chrome://settings/siteData

Now, you can type the site name, select Local storage and click on Remove to clear local storage for the site

enter image description here


While Chrome does not provide a UI for clearing localStorage, there is an API that will either clear a specific key or the entire localStorage object on a website.

//Clears the value of MyKey
window.localStorage.removeItem("MyKey");

//Clears all the local storage data
window.localStorage.clear();

Every Chrome browser, by default, has the JavaScript console installed. So an alternative method, and perhaps the easiest way, to clear localStorage is to right click on the page, click "Inspect Element", then click the "Console" tab. When the console opens, type the following JavaScript, and press enter:

window.localStorage.clear()

Once done, localStorage will be cleared. Note that this affects all web pages on a single domain, so if you clear localStorage for jsfiddle.net/index.html (assuming that's the page you're on), then it clears it for all other pages on that site. See HTML5Goodies - A Peek into Local Data Storage in HTML 5 for more information.