[解決済み】Google ChromeでWebSocketのデバッグをする。

質問

WebSocket を通過する "traffic" を見ることができる方法、または拡張機能はありますか？デバッグの目的で、クライアントとサーバーのリクエスト/レスポンスを見たいと思います。

どのように解決するのですか？

Chromeの開発者ツールに、WebSocketフレームをリストアップする機能が追加され、フレームがバイナリでない場合はデータの検査もできるようになりました。

処理します。

1. Chromeデベロッパーツールの起動
2. ページを読み込んで、WebSocket接続を開始する
3. をクリックします。 ネットワークタブ .
4. を選択します。 WebSocket接続 左のリストから（ステータスが "101 Switching Protocols" になっています。
5. をクリックします。 メッセージ サブタブを表示します。バイナリフレームは、長さとタイムスタンプが表示され、マスクされているかどうかが示されます。テキストフレームは、ペイロードの内容も表示されます。

WebSocket接続がバイナリフレームを使用している場合、おそらくWiresharkを使用して接続をデバッグしたいと思うでしょう。 Wireshark 1.8.0 は、WebSocket用のディセクタとフィルタリングのサポートを追加しました。その代わりとして、次のものがあります。 別解 .