Panda Dock

Panda Dock 是什么

Panda Dock 是一款免费开源的浏览器开发者工具箱，以侧边栏或抽屉形态集成一系列常用开发工具，支持悬浮球和快捷键唤起，帮助开发者减少工具切换、提升日常开发效率。所有配置数据仅存储在本地，无任何联网操作，安全可靠。

核心功能

• 浏览器侧边栏形态：支持原生浏览器侧边栏和网页抽屉两种形态，点击悬浮球或使用快捷键 Alt+Shift+D 即可唤起侧边面板，随时调用无需切换标签页
• 智能文本解析：支持侧边栏输入框输入或粘贴文本进行智能解析，也支持选中网页内文本后使用快捷键 Alt+Shift+S 或右键菜单快速解析，可对 JSON、URL、Base64 等格式自动识别
• 网页存储管理：支持对 localStorage、sessionStorage 和 Cookies 进行可视化操作，对 JSON 格式数据自动解析和高亮显示，解决手动编辑纯文本 JSON 字符串的痛点
• JSON 工具集：上下双栏结构，支持解析、格式化、美化、去转义等常见操作，适合日常开发和调试
• 二维码工具：支持生成和解析二维码，点击即可填入当前网页 URL，支持美化样式和标签设置，功能比浏览器自带二维码工具更丰富
• 自定义排序：支持对各功能模块进行排序、禁用管理，支持拖拽 tab 栏自定义工具顺序
• 完全本地运行：所有数据仅本地存储，无网络请求，避免隐私泄露风险
• Chrome 商店直达：已上架 Chrome Web Store，一键安装，无需手动下载

特色优势

• 零门槛安装：从 Chrome 商店一键安装，或从 GitHub Releases 下载，支持源码自行构建
• 开箱即用：不需要注册账号、不需要联网，内置功能完整
• 开发者导向：针对开发者的实际痛点设计，localStorage JSON 可视化编辑是核心亮点
• 主题简洁：原生侧边栏体验，不干扰正常浏览，界面简洁专注
• 源码开放：MIT 协议开源，可自由修改和二次开发

应用场景

• 前端开发调试：开发网页时快速查看和编辑 localStorage/sessionStorage，JSON 数据可视化编辑
• API 测试辅助：配合 JSON 工具进行数据格式化解析，加快接口调试效率
• 日常效率工具：二维码生成和解析、文本格式转换等小场景随手就用
• 隐私敏感用户：所有数据本地存储，适合对浏览器扩展有隐私要求的开发者

适用人群

• 前端开发者：日常需要操作 localStorage、编辑 JSON、测试 API 的前端工程师
• 网页设计师：需要频繁查看和调试网页存储的设计师
• 独立开发者：开发自己的网页应用时需要快速工具集
• 普通用户：偶尔需要生成二维码、格式化 JSON 的非技术用户

出品方

由独立开发者 forestRhapsody 个人开发维护，源码托管于 GitHub。

更新动态

最新版本已上架 Chrome Web Store，可通过 Chrome 应用商店直接更新。开发过程中参考了沉浸式翻译、草料二维码、it-tools 等项目，感谢这些开源工具的启发。

官网链接

• Chrome 应用商店：https://chromewebstore.google.com/detail/panda-dock/lgihhgadmbnedffjadpbnecdebllcjlk
• GitHub 源码：https://github.com/forestRhapsody/panda-dock
• 插件介绍博客：https://ua42.com/post/panda-dock