IndexedDB Browser

Chrome extension that adds a DevTools panel to add, edit, delete and view IndexedDB data in a table.

𝐅𝐞𝐚𝐭𝐮𝐫𝐞𝐬: • Search, sort and display IndexedDB data in a table. • Add, edit and delete IndexedDB data. • Manage IndexedDB data of other chrome extensions. • Developed with accessibility in mind. 𝐍𝐢𝐜𝐞 𝐄𝐱𝐭𝐫𝐚𝐬: • Automatically display the data of the last viewed object store in the current origin. • Table columns can be hidden (from the "Table Settings" popover) or re-ordered (via drag and drop). • Datatypes of each column are auto-detected but can still be changed from the "Table Settings" popover. • The timestamp datatype can be used to format values that are milliseconds since epoch as a date. • Table settings are saved automatically to local storage. Saved settings can still be removed using the delete button at the bottom of the "Table Settings" popover. • Copy table data by selecting the cell then "ctrl/cmd + c" • The shortcut "alt/option + s" can be used to reload the data of the displayed object store. • "ctrl/cmd + click" or "shift + click" can be used to select multiple objects to be deleted from the object store. • Double-clicking a table cell or selecting it then starting to type, will allow updating the value for that cell. Press "Enter" to save or "Escape" to cancel. • A JSON data editor is provided to add objects to the store or update the values of JSON columns. • Automatically update the indexedDB list when the origin of the inspected page changes. • A light or dark theme is used according to the OS settings. 𝐋𝐢𝐦𝐢𝐭𝐚𝐭𝐢𝐨𝐧𝐬: • Supports object stores with in-line keys only. That's because the value for in-line keys is guaranteed to be a JavaScript object, and that object will most likely contain the same properties for each key, making displaying the data in a table viable. • Only the following datatypes for table columns are supported: string, number, bigint, boolean, date and JSON. Other datatypes like sets, maps, typed arrays, ... are not supported, and the corresponding table columns will be marked as such and hidden by default. Also, once a column has a specific datatype, values that do not match that datatype will be displayed as `undefined`. That means the extension is not the best for dealing with the same property storing different datatypes (e.g. mixing numbers and dates). • The extension is designed to display data for small to medium-sized object stores. Data load will be slower for large object stores with hundreds of thousands of objects. You can still limit the number of objects to load from the "Table Settings" popover. 𝐂𝐡𝐚𝐧𝐠𝐞𝐥𝐨𝐠: • v1.0.1: Avoid hardcoding function names in code evaluated by `chrome.devtools.inspectedWindow.eval` to account for code minification during the build process. The code for this extension is open-source under the MIT license. https://github.com/ghazi-git/indexeddb-browser