Chrome=のWebSocketフレームを適切に検査する方法は？

Question

echo.websocket.org と入力しましたが、Chrome開発者ツールでネットワークタブとWSフィルターを開きましたが、フレームが表示されません。接続エントリが表示されますが、[フレーム]タブは常に空のままです。フレームを表示するために何か特別なことはありますか？

スクリーンショット：

Answer 1

2019年12月10日の時点で、ChromeでWebSocketをデバッグするプロセスは少し異なります。

1. 開くChrome開発者ツール。
2. Networkタブをクリックします。
3. フィルターをクリックします[〜＃〜] ws [〜＃〜]（WebSocketの場合）。
4. ページを再読み込みして、Name列に接続が表示されていることを確認します。
5. Messagesをクリックします。

これで、WebSocketとのすべての通信が、データ、長さ、時間の3つの列で表示されます。

Answer 2

Network、[〜＃〜] ws [〜＃〜]をクリックします、元のHTTP接続を選択し、Framesタブをクリックします。このタブのコンテンツは別のペインにhiddenされている可能性があるため、バーを下にドラッグしてWebSocketフレームを表示する必要があることに注意してください。

Answer 3

ページでデータを送信しましたか？ Connectをクリックした後、メッセージを送信する必要があります。

Chrome=には、アクティブなすべてのソケットを表示できる便利なエリアがあります：

ここからアクセスできます： chrome：// net-internals /＃events＆q = type：SOCKET％20is：active

更新：

新しく追加したスクリーンショットを確認すると、データテーブルが押しつぶされているように見えます。エントリを表示するには、テーブルを下にドラッグする必要があります。