跳转到内容
搜索文档

使用 Chrome DevTools 捕获 GraphQL 查询

最后更新 查看 MarkdownAgent 设置

使用 Chrome DevTools,您可以捕获 Cloudflare 仪表板分析背后运行的查询。在此示例中,我们重点关注 Network Analytics 数据集,但相同流程可应用于仪表板中可用的任何其他分析。

  1. 在 Cloudflare 仪表板中,前往 Network Analytics(网络分析) 页面,或您想查看 GraphQL 查询的任何其他分析仪表板。

    Go to Network analytics ↗
Analytics 选项卡
  1. 打开 Chrome Developer Tools 并选择 Inspect(检查)
Chrome 开发者工具
  1. 在 Developer Tools 面板中选择 Network(网络) 选项卡。
  2. 在筛选栏中输入 graphql 以筛选 GraphQL 请求。如果没有出现请求,请尝试重新加载页面。页面重新加载时,Network(网络) 选项卡会填充多个网络请求。查找名称中包含 graphql 的请求。
在搜索字段中输入 graphql
  1. 选择其中一个 GraphQL 请求以打开其详情,并前往 Payload(载荷) 选项卡。您会在那里找到 GraphQL 查询。选择查询行,然后选择 Copy value(复制值) 以复制查询。
复制查询值
  1. 如果要捕获新查询,请在 Network analytics(网络分析) 仪表板中调整筛选器,新的查询会出现在 GraphQL 请求中。
创建新查询

您现在可以使用此查询作为 API 调用的基础。有关更多信息,请参阅快速入门部分。

这篇文档对您有帮助吗?