How to edit Local Storage data using browser Devtools

by scrapecrow Aug 03, 2023

Local storage is a web browser feature that allows websites to store data on the user's computer in a key-to-value format.

To control and edit local storage access the developer tools using F12 key or right-click -> inspect and select the Application tab:

screencapture of devtools local storage editor GUI

Here the value can be changed to any other string value that is under 5MB in size.

Note that all local storage values are stored as strings though can be any object like JSON or number as local storage is handled by Javascript.

In this example, the web-scraping.dev/product/1 page is tracking the shopping cart state using local storage and JSON. Every "add to cart" button click updates the local storage JSON dataset with product id and quantity:

Each button click updates local storage.

So, we have full control of the shopping cart just by manipulating this value.

Related Articles

Comprehensive Guide to OkHttp for Java and Kotlin

Learn how to simplify network communication in Java and Android applications using OkHttp.

HTTP
TOOLS
Comprehensive Guide to OkHttp for Java and Kotlin

Instant Data Scraper Guide - Web Scraping with No Code

Learn how to use tools like Google Sheets, Make.com, and Scrapfly to automate your data collection.

TOOLS
Instant Data Scraper Guide - Web Scraping with No Code

How to Use cURL to Download Files

Master file downloads with curl and discover advanced use cases.

CURL
TOOLS
How to Use cURL to Download Files

What is Charles Proxy and How to Use it?

Learn about of the most popular web debugging proxies — Charles Proxy and what it's capable.

TOOLS
PROXIES
What is Charles Proxy and How to Use it?

cURL vs Wget: Key Differences Explained

curl and wget are both popular terminal tools but often used for different tasks - let's take a look at the differences.

CURL
HTTP
TOOLS
cURL vs Wget: Key Differences Explained

How to Use Tor For Web Scraping

In this article, we'll explain web scraping using Tor. For this, we'll use Tor as a proxy server to change the IP address randomly in either HTTP or SOCKS, as well as using it as a rotating proxy server.

TOOLS
PROXIES
How to Use Tor For Web Scraping