OIDC/OAuth Devtool Extension

OIDC/OAuth Devtool Extension 是一款专为开发者设计的浏览器开发者工具扩展，旨在简化 OAuth 和 OIDC 协议的调试与学习过程。它通过直观的界面和强大的功能，帮助开发者深入理解认证流程中的网络请求、HAR 文件、Cookie 和头部信息，从而摆脱在复杂认证流中迷失的困境。

核心功能

该扩展将 OAuth/OIDC 相关的调试信息整合到 Chrome/Firefox 的开发者工具面板中，提供清晰的可视化展示。开发者可以实时查看令牌、授权码、状态参数等关键数据，并支持导出 HAR 文件以便进一步分析。此外，扩展还暴露了一些状态化项目，供 AI 代理通过 Chrome DevTools MCP 使用，实现自动化调试。

主要特性

• 直观调试界面：在 DevTools 中创建专属面板，集中展示 OAuth/OIDC 流程中的网络请求和状态信息。
• 教育性设计：不仅用于调试，还通过可视化交互帮助开发者理解 OIDC/OAuth 的工作原理。
• AI 代理支持：暴露状态化接口，可被 AI 代理调用，实现智能化的调试辅助。
• 跨浏览器兼容：同时支持 Chrome 和 Firefox，覆盖主流浏览器用户。
• 深度集成：与浏览器原生 DevTools 无缝集成，无需切换工具即可完成调试。

适用场景

• OAuth/OIDC 集成开发：在实现第三方登录或 API 授权时，快速定位令牌交换、重定向等问题。
• 安全审计：检查认证流程中的安全漏洞，如 CSRF 防护、状态参数验证等。
• 学习与教学：作为学习 OIDC/OAuth 协议的辅助工具，通过实际请求理解抽象概念。
• 自动化测试：结合 AI 代理或脚本，实现认证流程的自动化验证。