一、Panda Dock是什么？

Panda Dock是一个集成了一系列开发者工具的浏览器插件，支持浏览器原生侧边栏及网页抽屉两种形态，点击网页内悬浮球或使用快捷键Alt + Shift + D即可唤起侧边面板。

二、如何安装 Panda Dock?

插件已上架谷歌商店：Panda Dock，点击谷歌商店链接即可下载安装，或者通过Github下载：Releases，如果你想添加新功能或自行构建，也欢迎clone源码使用。

三、为什么开发 Panda Dock？

最开始在开发自己的博客时，频繁遇到需要对json进行序列化和手动修改网页存储的场景，因为我习惯用网页工具箱，所以经常要新开一个个的标签页，并且在需要操作localStorage的场景下，编辑纯文本格式的json字符串也是一件很麻烦的事情，所以我就有了开发一个浏览器侧边栏工具箱的想法。

四、Panda Dock有哪些功能？

由于开发周期的限制，目前我只开发了一些我个人比较常用的工具：

智能解析

支持通过侧边栏面板中的输入框输入或粘贴文本，对文本中可能包含的结果进行解析，或者在选中网页内文本后使用快捷键Alt + Shift + S 或通过右键菜单进行快速解析，测试页面。

网页存储

支持对localStorage、sessionStorage和cookies进行操作，对于值可能是json的数据结构，会自动进行解析和高亮操作。

JSON工具

上下双栏结构，支持常见的解析、格式化、和转义等操作。

二维码工具

支持生成和解析二维码，点击即可填入当前网页的URL，支持美化与标签，相对于谷歌浏览器自带的二维码工具功能相对丰富一些。

对于能力的偏好设置，可以通过设置页面对能力进行排序或禁用，亦可通过拖拽tab栏对能力进行排序。

五、声明

本插件所有配置数据均只存储在本地，且无任何联网操作，但由于相关的权限有一定的敏感性（localstorage、cookies），请用户尽量使用google chrome官方商店下载本插件或者使用源码自行构建。

六、结语

插件在开发的时候，参考了一些网站的功能和ui，比如沉浸式翻译、草料二维码、it-tools等网站，在此表示感谢。

项目初期可能会存在一些bug和缺陷，如果遇到任何使用上的问题和建议，欢迎向我反馈。

相关代码已开源至GitHub：https://github.com/forestRhapsody/panda-dock，如果你觉得对你有所帮助，欢迎点个star。