高效的网页开发者需要浏览器里有个好伙伴（Chrome 扩展程序）。

我们都想成为高效的网页开发者。

作为一名全栈 Web 开发人员，我发现自己经常需要反复调试相同的问题。这既是为了理解测试结果背后的逻辑，更重要的是为了确保一切运行正常，并且客户端没有任何异常。例如：

• 浏览器详情（用户代理、语言等）
• 页面详情（历史记录、位置、协议、主机、来源……）
• 支持的功能（地理位置、画布、触摸设备等）
• 屏幕尺寸（窗口、主体、文档、分辨率等）
• 存储（Cookie、localStorage、sessionStorage 等）
• 地理位置 IP / 位置（纬度、经度等）
• CSS 支持的功能（动画、变换、媒体查询等）

如您所见，上面的列表无穷无尽，我们不想每次都打开开发者工具，我们只想一键获取所需信息！为此，我创建了一个名为BrowserBuddy 的全新Chrome 扩展程序，让您轻松全面地查看这些信息。

现在，您可以在浏览器中轻松查看有关您的可用和存储的信息！

屏幕截图

点击任意一行，即可查看可以检索该值的代码：

希望这对您有所帮助😊
如果您有任何意见或建议，欢迎留言！

如果您喜欢这篇文章，请点击下方的❤️，这样其他人就能在DEV.to上看到它了:)！欢迎在Github上关注我。