Chrome DevTools Inspector 扩展实践

摘要

云音乐 app 内有很多使用 react native 开发的应用，例如云贝中心、云音乐商城、会员中心等。为了更好地提升开发效率，改善调试体验，团队决定开发 react native 调试工具，通过为 react native debugger 增加一些扩展功能，实现业务信息的展示和调试能力，例如：跨端通信信息展示、网络信息展示等。

因为云音乐 react native 应用的网络请求都是通过客户端发送，因此想把客户端网络信息通过 chrome devtools protocol 展示在 network 里。经过尝试后，期间遇到了一些问题和做出的尝试记录如下。