OPFS Explorer per Hasan Bayat
A powerful DevTools extension to inspect, manage, and edit files in the Origin Private File System (OPFS)
17 Usatores17 Usatores
Metadatos del extension
Capturas de schermo
A proposito de iste extension
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
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!
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
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!
Evalutate 0 per 0 recensentes
Permissiones e datos
Permissiones necessari:
- Inserer datos in le area de transferentia
- Extende le instrumentos de disveloppamento pro acceder a tu datos in le schedas aperite
Collection de datos:
- Le disveloppator dice que iste extension non require collection de datos.
Plus de informationes
- Ligamines del additivo
- Version
- 0.1.1
- Dimension
- 302 KB
- Ultime actualisation
- před 2 dny (23. úno 2026)
- Categorias associate
- Licentia
- Licentia MIT
- Historia de versiones
- Adder al collection