OPFS Explorer

A powerful DevTools extension to inspect, manage, and edit files in the Origin Private File System (OPFS)

OPFS Explorer - The Missing DevTools Panel for Origin Private File System The Origin Private File System (OPFS) is a powerful browser API for high-performance file storage, but browsers don't provide any way to see what's inside. OPFS Explorer fills this gap by adding a dedicated panel to Chrome DevTools. GitHub: https://github.com/hasanbayatme/opfs-explorer WHAT'S NEW IN v0.1.0: • Multi-Selection - Ctrl+Click, Shift+Click, Ctrl+A with bulk operations • Keyboard Shortcuts - Ctrl+N new file, F2 rename, Delete, arrow navigation, and more • Full Accessibility (WCAG 2.1 AA) - Screen reader support, focus management, reduced motion • Enhanced Context Menus - Icons, shortcut hints, type-ahead search • Improved Tree Navigation - Roving tabindex, skip navigation, ARIA live announcements SECURITY HIGHLIGHTS: • NO host permissions - doesn't access any websites • NO content scripts - no code injected into pages • ONLY permission: clipboard for "Copy Path" feature • Uses DevTools native inspectedWindow.eval() API KEY FEATURES: 📂 Visual File Tree - Browse directories with file sizes and type icons 📝 Code Editor - Syntax highlighting for JSON, JS, TS, HTML, CSS 🖼️ Image Preview - Zoom, rotate, and inspect images up to 5MB 📑 Markdown Support - Preview or edit .md files ✅ Multi-Selection - Ctrl+Click, Shift+Click, Ctrl+A with bulk delete/download 🖱️ Drag & Drop - Upload files or reorganize your file structure (multi-drag) ⚡ Full CRUD - Create, rename, move, and delete files/folders ⬇️ Download Files - Export from OPFS to your local machine 📊 Storage Stats - Monitor your OPFS quota usage ⌨️ Keyboard Shortcuts - 20+ shortcuts with platform-aware hints in context menus 🌗 Theme Support - Adapts to DevTools light/dark themes ♿ Fully Accessible - WCAG 2.1 AA with screen reader, keyboard, and high contrast support PERFECT FOR: • SQLite Wasm applications (sql.js, wa-sqlite, sqlite-wasm) • Progressive Web Apps (PWAs) with offline storage • File System Access API projects • Browser-based IDEs and editors • Any app using navigator.storage.getDirectory() PRIVACY: • Runs entirely locally - no external connections • No data collection or telemetry • Minimal permission (clipboard only) • No content scripts or host permissions • Open source: github.com/hasanbayatme/opfs-explorer HOW TO USE: 1. Open any website using OPFS (https or localhost) 2. Open DevTools (F12) 3. Click the "OPFS Explorer" tab 4. Browse, edit, and manage your files!