DevTools のヒント: ネットワーク レスポンスをオーバーライドしてモックする

Sofia Emelianova

Chrome DevTools を使用すると、レスポンス ヘッダー、ファイル、API リクエストなどをローカルでオーバーライドしたりモックしたりできます。変更と修正のプロトタイピングとテストを行うことで、バックエンド、サードパーティ、API の遅れを待たずに、ワークフローの障害を取り除きます。

ローカル オーバーライドを使用して以下を行う方法については、動画をご覧ください。

• XHR またはフェッチ リクエストのレスポンスをモックし、実際に本番環境に移行する前に本番環境の修正をテストします。
• 新しい UI デザインをプロトタイピングする。
• オーバーライドしたファイルをフォルダに保存すると、お気に入りのコードエディタでファイルを編集して同僚と共有できます。

• パフォーマンスの修正をテストし、重要性を事前に確認します。

• レスポンス ヘッダーをオーバーライドする。

• ワイルドカード文字を使用して複数の URL のヘッダーをオーバーライドする。

• [ネットワーク] パネルでオーバーライドされたリクエストをフィルタします。