做了个 Chrome 扩展，专门用来看 DApp 和钱包之间的 RPC 通信

[beilun]

平时调 dapp 的时候经常遇到这种事：网页那边一点按钮，钱包就跳出来要签名，但页面 没说清楚到底签的是啥、传了哪些参数、返回了什么。自己写的 dapp 还好，加几行 console.log 就完事；要是想看别人家合约的调用流程、或者复现一个用户反馈的奇怪报错，就得跑去 MetaMask 设置里翻 activity log ，还看不全 —— 只能看自己钱包发出去的，看不到 dapp 那一侧的时序、参数、错误。

以前一直靠在 window.ethereum 上猴补丁打日志，每次都要写一遍，挺烦的。索性做成了一个 Chrome 扩展。装上之后 F12 里会多一个面板叫 DApp Inspector，当前 tab 所有 window.ethereum.request 的调用都按时间顺序列出来：

• 方法名（eth_sendTransaction / eth_signTypedData_v4 / personal_sign …），自动分类成 read / write / sign / subscribe
• 完整的入参、返回值、错误对象
• 时延分解：dapp 发起 → 扩展排队 → throttle → 钱包审批 → RPC 往返 → 回到 dapp ，每一段单独算
• 当前 chainId 、来源 origin
• 合约调用会自动 decode calldata —— 内置 ERC-20/721/1155/Permit2 选择器，识别不到再去 Sourcify 、4byte 拉，拉到的 ABI 本地缓存 7 天

顺手加了几个调试用的规则引擎：

• Block —— 按方法名/origin 匹配，拒掉某些请求，自定义错误码和消息，看 dapp 的错误分支处理得对不对
• Throttle —— 给匹配的请求加延迟，验证慢网络 / loading state / 超时分支
• Mock —— 用预设结果短路掉某个调用，比如假装某个 eth_call 返回特定数据，不用真上链
• Replay —— 任何捕获到的调用都能重放一次，JSON 参数可以现场改，钱包会按原流程再弹一次

全部本地运行，没有 telemetry 、没有账号、没有外部服务器（ Sourcify / 4byte 是按需才请求 ABI ，可以理解为和你打开网页加载图片是一个性质的）。技术栈是 MV3 + TS + React 18 + Vite ，Apache-2.0 开源。

• 仓库：https://github.com/beilunyang/dapp-inspector-extension
• Chrome 商店：https://chromewebstore.google.com/detail/dapp-inspector/bcjlcalkhkfkcchgdokgngemjeemgmcj

目前只支持 EVM ，Solana / Sui 还在规划。如果你也是 dapp 、钱包、或者安全审计方向的，欢迎装来玩玩，bug / 需求直接提 issue 。

另外有个不情之请：目前插件 logo 还是粗糙了一些，想找设计师朋友帮忙画个更精致的版本，README 末尾写了贡献方式，会在 release notes 里署名致谢 —— 有兴趣的求支援 🙏

预览图