IndexedDB Browser - Online View & Edit Client‑Side DB
Explore your website’s IndexedDB databases and object stores. Add, delete, and inspect records. Like phpMyAdmin for IndexedDB.
UD5 Toolkit
No Data to Display
Select a database and an object store to browse records
IndexedDB is a low‑level client‑side storage API built into modern browsers. It allows web applications to store significant amounts of structured data (including files and blobs) for offline use, faster load times, and persistent user preferences.
Only IndexedDB databases created under the same origin (protocol + domain + port) as this page. This is a browser security restriction and cannot be bypassed.
Yes. Click the edit icon on any row to modify its JSON value. Changes are written directly to the database using a read‑write transaction. Be cautious when editing production data.
Yes. The JSON editor serializes data as text. Special types like File, Blob, ArrayBuffer, and Date may lose their original type when round‑tripped through JSON. The tool displays warnings for such values.
Select a store and click the Export button. A .json file containing all records (with keys) will be downloaded. This is useful for backups or migrating data between origins.
No. Deleting a database permanently removes all its object stores and data. Always export your data before dropping a database if you might need it later.
Explore your website’s IndexedDB databases and object stores. Add, delete, and inspect records. Like phpMyAdmin for IndexedDB.
Check current browser storage usage (localStorage, IndexedDB, Cache) and available quota. Handy debugging tool.
Check estimated usage and quota for local and session storage on your browser. Quick dev tool.
Estimate how many MB/GB your storage can hold based on navigator.storage.estimate() and display as a pie chart.
See a live readout of window scrollX and scrollY. Visualize scroll direction. For debugging sticky navs.
Enter a URL and see a list of its ARIA landmarks (banner, main, nav). Check document structure for accessibility. Local fetch.
A small widget that records your clipboard text history (only while open). Search and re‑copy old snippets. No log upload.
Keep a simple list of movies you want to watch. Add notes and check them off. Purely local storage.
See the chromaticity diagram and compare sRGB, DCI‑P3, and your display. Fun for design geeks.
Paste an OpenAPI YAML/JSON and render a static, readable API document. No server, pure browser‑based rendering.
See the International Space Station’s current position on a world map in real time. Uses public API. No refresh.
Enter readings before/after meals, get averages, print report. Local storage only.
Read and write NDEF records to NFC tags using the Web NFC API. Supports text, URL, and MIME records. Works on Android with Chrome.
Register a custom CSS property with syntax, initial value, and inherits. Animate colors and numbers that couldn’t before.
Create a sticky scroll progress bar for blog posts. Choose colors and height. Copy the minimal CSS and HTML.
Use the CSS Custom Highlight API to style arbitrary text ranges without modifying the DOM. See the future of find‑in‑page.
Demonstrate how the Web OTP API automatically reads one‑time codes from SMS (mobile). Simulation with a fake SMS input.
Drop a WAV file and see its full header: sample rate, bit depth, channels, and chunk structure. Raw bytes explained.
See which fonts map to generic families (serif, sans‑serif, monospace) on different operating systems. A handy reference.
Paste your CSS and see warnings for properties that have limited browser support. Links to CanIUse. Modernize safely.
Explore the contents of the Cache Storage API for your domain. See cached requests and their sizes. Debug offline apps.
View the individual red, green, and blue channels of an image as grayscale. Photographer and developer tool.
Browse the built‑in styles that browsers apply to HTML elements. Understand why your page looks different. Static reference.
Record your screen, window, or tab with audio directly in the browser. Download the recording as a WebM file. No upload.
Call navigator.storage.estimate() and display a visual pie chart of used vs. available browser storage. For PWA debugging.
Select a folder of images and start a full‑screen slideshow right in your browser. Adjust interval and transition. No upload.
Drop a PDF and see its embedded metadata: author, title, creation date, and more. No content is uploaded; pure browser PDF parsing.
Paste a list of JavaScript values and see them pretty‑printed as if in the browser console. Great for debugging.
See how many tabs you have open and estimate memory usage based on navigator object. Fun productivity check.
Fill in name, match URL, and description to get a ready‑to‑edit UserScript header. Start your browser extension easily.