Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

Chrome DevTools で GraphQL クエリを取得する

最終更新 Markdown で表示Agent セットアップ

Chrome DevTools ↗ を使うと、Cloudflare ダッシュボードの分析の裏で動いているクエリを取得できます。この例では Network Analytics データセットに焦点を当てますが、ダッシュボードで使えるほかの分析にも同じ手順を適用できます。

  1. Cloudflare ダッシュボードで Network Analytics ページ、または GraphQL クエリを確認したいほかの分析ダッシュボードを開きます。

    Network analytics を開く ↗
Analytics タブ
  1. Chrome Developer Tools ↗ を開き、Inspect を選びます。
Chrome デベロッパーツール
  1. Developer Tools パネルで Network タブを選びます。
  2. フィルターバーに graphql と入力し、GraphQL リクエストだけを表示します。リクエストが出ない場合は、ページを再読み込みしてください。再読み込みすると、Network タブに複数のネットワークリクエストが並びます。名前に graphql を含むリクエストを探します。
検索欄に graphql と入力する
  1. GraphQL リクエストの 1 つを選んで詳細を開き、Payload タブに移動します。そこに GraphQL クエリがあります。クエリの行を選び、Copy value でクエリを取得します。
クエリの値をコピーする
  1. 新しいクエリを取得したい場合は、Network analytics ダッシュボードのフィルターを調整します。GraphQL リクエストに新しいクエリが表示されます。
新しいクエリを作成する

このクエリを API 呼び出しの土台として使えます。詳細は Get started を参照してください。

役に立ちましたか？