Chrome DevTools Extension

Your database,
right where you debug.

Query, browse and edit your MySQL or PostgreSQL database without leaving Chrome DevTools. Stop switching between tools. Debug faster.

Get Started View on GitHub
localhost:3000 — Chrome DevTools › TabDB Pro
Killer feature

From API request
to SQL query
in one click.

See a network request in the panel, click it, and instantly get a ready-to-run SQL query. TabDB Pro parses the URL, extracts IDs and filters, matches against your real schema — and builds the WHERE clause for you.

No more hunting through logs or guessing column names. Your API call is your query.

⇅ Network request captured
GET /api/v1/users/by-project/a3f8-c291
Status: 200 · 84ms
⇩
✦ Generated SQL — ready to run
SELECT * FROM users WHERE project_id = 'a3f8-c291';
Conditions are editable · Results are editable · FK navigation included
Everything you need

Packed with features
built for real workflows.

🔍
Zero context switching
Lives inside Chrome DevTools. Debug your front end and your database in the same window, same shortcut, same flow.
⇅
Network → SQL converter
Capture every XHR/fetch request and convert it to a SQL query automatically. Understand what your API fetches with a single click.
✏️
Inline cell editing
Click any cell to edit it. Changes are committed immediately with a real UPDATE query. Full insert-row support too.
🔗
Foreign key navigation
Arrow buttons on FK columns let you jump to related records in a new tab. Navigate your data like a graph, not a flat list.
⚡
Multi-connection support
Switch between multiple MySQL or PostgreSQL connections and databases on the fly. The last used connection is restored automatically on reopen.
🔒
SSH tunnel for remote databases
Connect through a bastion host with SSH key auth. Pick your key file with a native file browser. TOFU host-key verification — no manual known_hosts setup needed.
🔐
Encrypted connection sharing
Export any subset of connections — SSH keys included — as an AES-256-GCM encrypted .tabdbpro file. Share it freely; share the passphrase through a separate secure channel. Teammates import in one click.
📋
Saved Queries
Star any query, name it, load it with one click. Shared per browser profile.
🕐
Query History
Every query you run is saved. Jump back to any previous execution instantly.
🔴
Read-only per connection
Lock production, keep dev editable. Per-connection granularity — accidents are impossible by design.
🌗
Auto Dark / Light
Follows your system theme. Looks native whether you're a dark-mode purist or not.
↔️
Resizable Panels
Drag to resize every pane — sidebar, editor, results, network panel, history.
Built for you

Whoever you are,
it just fits.

Whether you rarely touch the database or live in it, TabDB Pro removes the friction so you can focus on what matters.

Frontend / Full-stack Dev
"I'm already in DevTools all day."
You debug the UI, you inspect network calls — why open a separate DB tool? Now your database is one panel away.
  • See what data your API actually returns vs. what's in the DB
  • Click a failing request → get the SQL that feeds it
  • Navigate FK relationships without knowing the schema by heart
  • Edit seed data on the fly while iterating a feature
Backend Developer
"I want to debug, not configure."
No more switching between terminal, TablePlus, and the browser. All your connections — local or remote — all your queries, one place.
  • Multi-connection support — dev, staging, read replicas
  • SSH tunnel to reach databases behind a bastion, zero extra setup
  • Share connection configs with the team — encrypted, one file
  • Run arbitrary SQL with a real editor and keyboard shortcuts
  • Inline editing to fix data issues without a migration
  • Read-only lock on production — accidents-proof by design
QA / Tester
"I need to verify state, not write queries."
Test an API flow and instantly check if the database reflects the expected state — no SQL expertise required.
  • Click any network request to query the data behind it
  • Browse tables visually with full schema tree
  • Save verification queries for your test checklist
  • Spot wrong data in the DB before filing a vague bug report
Setup in minutes

From zero to querying
in 3 steps.

1
Run the bridge
A tiny Node.js server sits between the extension and your database. No config files needed — everything is set from the extension UI.
cd bridge && npm install && npm start
2
Load the extension
Open Chrome, go to chrome://extensions, enable Developer Mode, and load the extension/ folder.
3
Configure & connect
Open DevTools on any page, go to the TabDB Pro tab, hit Settings, add your database connection and run your first query.
zsh — bridge
~/projects/myapp/bridge $ npm start
 
> tabdb-pro-bridge@1.0.0 start
> node src/index.js
 
✓ Bridge listening on http://localhost:27182
 
Waiting for extension to connect...
✓ Connected · production_db (PostgreSQL)
Tables: 24 · Read-only: false
 
GET /health 200 2ms
POST /query 200 14ms
POST /query 200 9ms
POST /query 200 31ms

Stop switching tabs.
Start shipping faster.

Open source, free forever. Your database, your rules.

Clone on GitHub Read the docs