🚀 We are hiring! See open positions

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

Web Scraping Services Explained

Explore web scraping services from managed APIs to self-hosted solutions. Learn use cases, pricing models, and how to choose the right data extraction service.

WEB-SCRAPING
TOOLS
Web Scraping Services Explained

Top Web Crawler Tools in 2025

Discover the best web crawler tools in 2025 for automated data collection. Compare features, performance, and use cases of Octoparse, Scrapy, and more.

TOOLS
WEB-SCRAPING
Top Web Crawler Tools in 2025

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?