web-dev-qa-db-ja.com

chrome開発者ツールからのajaxリクエストをキャンセルします

_chrome developer tools_からのajaxリクエストを開始した後にキャンセルしたい。たとえば、フォールバックメッセージが正しく表示されていることをテストしたいと思います。すべての呼び出しが失敗するように_No throttling_をOfflineに設定できますが、デバッグの目的で、1つのAPIをテストして失敗するだけです。

Developer tools

私はabort()メソッドを使用できることを知っています(つまり、JavaScriptを使用して実行できます)。この必要性のためだけにコードに触れたくありません。

APIの右クリックに_replay XHR_オプションがあります。同じように_abort XHR_のようなものがあるのは素晴らしいことです。しかし、ありません。

21
Asim K T

Chrome 59から、デベロッパーツール自体の[ネットワーク]タブからの特定のリクエストをブロックできます。

https://developers.google.com/web/updates/2017/04/devtools-release-notes#block-requests

[ネットワーク]パネルでリクエストを右クリックし、[リクエストURLをブロック]を選択します。新しいリクエストブロックタブがドロワーにポップアップ表示され、ブロックされたリクエストを管理できます。

したがって、私の場合、その特定のAPIのコードブロックを実行してから、再実行します。 :)

コメントによると、これはすでに開始されたリクエストを正確にキャンセルするのではなく、1つのリクエストのみをブロックすることで、1つのリクエストのみが失敗した場合のアプリの動作を確認します。 @Ross Ivantsivに感謝します。

screenshot for blocking request

4
Asim K T