有没有办法在 Chrome DevTools 中调试 Apollo GraphQL 订阅？

Posted 2023-03-08

【中文标题】有没有办法在 Chrome DevTools 中调试 Apollo GraphQL 订阅？

【英文标题】：Is there a way to debug Apollo GraphQL subscriptions in Chrome DevTools?

【发布时间】：2020-09-15 04:25:24

【问题描述】：

在 Chrome DevTools 的 Network 选项卡中，我只能找到 GraphQL 查询和突变请求：

在收听 GraphQL 订阅并接收响应时，此选项卡中不显示任何内容。还有其他地方可以从 Chrome DevTools 获取 GraphQL 订阅吗？

有关信息，我正在使用 apollo-client 和 apollo-angular。

【问题讨论】：

订阅通常通过网络套接字

我没有注意到Network 标签下的WS 标签。如果您愿意，可以将其发布为答案，以便我接受。谢谢！

【参考方案1】：

在 Chrome DevTools 的 Network 选项卡中，您应该将过滤器切换到 WS 以查看和调试您的 Apollo GraphQL 订阅。您可以在下面的图片中看到它：