强大的 DevTools 扩展,用于检查、管理和编辑 Origin 私有文件系统 (OPFS) 中的文件
OPFS Explorer - Origin 私有文件系统缺少的 DevTools 面板
Origin 私有文件系统 (OPFS) 是一个强大的浏览器 API,用于高性能文件存储,但浏览器不提供任何方式来查看内部内容。 OPFS Explorer 通过向 Chrome DevTools 添加专用面板来填补这一空白。
GitHub:https://github.com/hasanbayatme/opfs-explorer
安全亮点:
• 无主机权限 - 不访问任何网站
• 无内容脚本 - 没有代码注入页面
• 唯一权限:“复制路径”功能的剪贴板
• 使用DevTools 原生inspectedWindow.eval() API
主要特点:
📂 可视化文件树 - 浏览带有文件大小和类型图标的目录
📝 代码编辑器 - JSON、JS、TS、HTML、CSS 的语法突出显示
🖼️ 图像预览 - 缩放、旋转和检查最大 5MB 的图像
📑 Markdown 支持 - 预览或编辑 .md 文件
✅ 多选 - Ctrl+单击、Shift+单击、Ctrl+A 批量删除/下载
🖱️ 拖放 - 上传文件或重新组织文件结构(多次拖动)
⚡ 完整的 CRUD - 创建、重命名、移动和删除文件/文件夹
⬇️ 下载文件 - 从 OPFS 导出到本地计算机
📊 存储统计 - 监控您的 OPFS 配额使用情况
⌨️ 键盘快捷键 - 20 多个快捷键,上下文菜单中带有平台感知提示
🌗 主题支持 - 适应 DevTools 浅色/深色主题
♿ 完全无障碍 - WCAG 2.1 AA,具有屏幕阅读器、键盘和高对比度支持
非常适合:
• SQLite Wasm 应用程序(sql.js、wa-sqlite、sqlite-wasm)
• 具有离线存储功能的渐进式网络应用程序 (PWA)
• 文件系统访问API 项目
• 基于浏览器的 IDE 和编辑器
• 任何使用 navigator.storage.getDirectory() 的应用程序
隐私:
• 完全在本地运行 - 无外部连接
• 没有数据收集或遥测
• 最低权限(仅限剪贴板)
• 无内容脚本或主机权限
• 开源:github.com/hasanbayatme/opfs-explorer
如何使用:
1. 使用 OPFS 打开任何网站(https 或 localhost)
2. 打开开发工具(F12)
3. 单击“OPFS 资源管理器”选项卡
4. 浏览、编辑和管理您的文件!





