Dev Tools Networkでプレフライトリクエストをフィルタリング(非表示)する方法


117

通常、プリフライトと実際のリクエストの両方のコールが表示されます。これは時々迷惑です。フライト前のリクエストを非表示にする方法はありますか?

または、ヘッダーに基づいて特定のリクエストをフィルタリングするプラグインはありますか?


プレフライトリクエストを回避したくないことに注意してください。開発ツールからそれらを非表示にしたいだけです。
John Smith、

回答:


272

これを行う最も簡単な方法は、でフィルタリングすること-method:OPTIONSです。

ここに画像の説明を入力してください

説明:すべてのプリフライト要求は、HTTP OPTIONSメソッドを介して行われます(POSTまたはGETに対抗)。このフィルターは「メソッドOPTIONSではありません」と言います。

先頭のハイフンに注意してください。忘れると、飛行前のリクエストのみが表示されます。


24
これは、開発における私の最大のフラストレーションの8番目です。ありがとうございます。
エイドリアンリンチ

80
Chromeチームは、非表示にするチェックボックスを追加する必要があります。これはノイズを防ぐための重要な機能です。
タッチ

3
@タッチ同意する!これに投票する場所はありますか?
user2078023

5
これだけでなく、Chromeチームは、セッションやタブなどで実際に記憶されるカスタムフィルターを定義することを許可する必要があります。これにより、ブラウザーシンク、インターコム、ストライプなどのソケットリクエストをブロックすることができます。瞬間。
アダムReis

5
DevToolsを再度開いた後にフィルターを保持する機能のリクエストがあります。このリンクを参照してください-method:OPTIONSDevToolsを開くたびに入力するのが面倒な場合は、スターを付けてください。
lagoman
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.