Chrome Developer Toolsを使用してwebsocketトラフィックを検査するにはどうすればよいですか？
Chrome Developer Toolsを使用してwebsocketトラフィックを検査しようとしています。私の研究から、あなたはshouldネットワークタブを使用してそれを見ることができるようです-それは 'ws'のフィルターさえ持っています。
ただし、websocketを使用していることがわかっているサイトを検査しており、送受信されるメッセージを検査する方法が見つかりません。 Chrome v56を使用して、運のないSafariも試しました...
誰もこれを達成する方法を知っていますか？
ネットワークタブを開いた状態でページをリロードし、「ws」タイプでフィルタリングする必要があります。これにより、WebSocketとの接続が表示されます。次に、接続をクリックして、サーバー上で送受信されるトラフィックを表示できます
https://developers.google.com/web/tools/chrome-devtools/network-performance/reference#frames
このトラフィックに関する情報は、[ネットワーク]タブでより深くネストされています。 Chrome 58+を使用すると、メインの[ネットワーク]タブのリストに、websocketへの接続に関するエントリが表示されます。
これにより、プロトコル（HTTPステータス101）が変更されます。
そう
次のリクエストはすべてWebsocketトラフィックであり、上記のエントリの[フレーム]タブに表示されます。
もちろん、ウェブソケットの種類ごとにメインの「ネットワーク」タブに集約された、さまざまなウェブソケットへの接続をさらに開くことができます。