Relay DevTools

インストール

このリンクをたどって、Chrome ウェブストアからインストールしてください。

---

Relay DevTools 拡張機能のナビゲーション方法

Chrome DevTools に Relay という新しいタブが表示されるはずです。このタブでは、**ネットワークパネル**と**ストアパネル**の2つのパネルを選択できます。

ネットワークパネル

ネットワークパネルでは、アクティブな環境での個々のリクエストを表示できます。ユーザーはこれらのリクエストをスクロールしたり、リクエストを検索したり、各リクエストの詳細を表示したりできます。各リクエストの詳細には、ステータス、変数、およびリクエストのレスポンスが含まれます。

ストアパネル

ストアパネルでは、アクティブな環境のストアデータから個々のレコードを表示できます。ユーザーはこれらのレコードをスクロールしたり、レコードを検索したり、各リクエストの詳細を表示したりできます。また、ストアデータをJSON形式でクリップボードにコピーすることもできます。各レコードの詳細には、ID、型名、およびレコード内のすべてのデータが含まれます。データ内のフィールドの1つが別のレコードへの参照である場合、ユーザーは参照をクリックして、そのレコードに移動できます。

---

複数の環境

ストアパネルとネットワークパネルを切り替える際に、デベロッパーツールの左側にあるドロップダウンメニューにも気付くでしょう。このドロップダウンにより、ユーザーは環境を切り替えることができます。ネットワークタブのリクエストとストアデータは環境ごとにグループ化されているため、ユーザーはアクティブな環境間を簡単に切り替えることができます。

フィードバックを提供する

拡張機能パネルの右上隅を見てください！

---

このページは役に立ちましたか？

いくつかの簡単な質問に答えて サイトをさらに良くするのにご協力ください.