How to clear the local storage
Home / Blog / Tutorials / Tweak of the Week / How to Clear the Local Storage

How to Clear the Local Storage

When you are editing Divi Websites you need to be able to clear local storage whenever you update your Divi modules.

This is especially true for any of the updates we do here with our modules at Divi Framework.

Watch the tweak of the week screencast to work out how to clear the local storage and save lots of pain in Divi Module Updates.

What is Local Storage?

Local storage is a way your browser stores information. As a web developer, the only way we originally could do this was with a cookie or a static asset. Now that we have HTML5 we have the ability to store data locally in your browser.

This is really useful for web apps because database-style information can be stored in your browser.

How does Divi Theme use the Local Storage?

The Divi Builder is the area of Divi Theme that makes heavy use of the local storage. Local storage is used specifically for storing a list of module types, the version of Divi Builder and the great copy and paste features we all have grown to love.

This love sometimes turns into pain when we get nagged to update the Divi Builder and clear the browser cache. By using this command for clearing the local storage you can ensure you rid yourself of these nags without having to clear your entire browser cache.

In Chrome, you open your developer tools. You can do this by using the Chrome Menu at the top-right of your browser window, then select More Tools > Developer Tools. You can also use a shortcut of ctrl + shift + i in windows.

Once you have the developer tools open select the console tab and type into the console your local storage clear command.

localStorage.clear()

This will clear out all those stored values.

How can I see the stored values?

You can select the Application Tab. Here you have a number of options to view Local Storage, Session Storage, Cache storage and more.

You also have a shortcut key in here to clear the storage and check service workers.

These are all essential to Progressive Web Apps and the new breed of HTML Applications.

To learn more about this take a look at the official documentation.

Similar Posts