WebSocket のデバッグは、実際にやってみるまで簡単そうに聞こえるもののひとつです。DevTools では接続は正常に見えますが、メッセージが不正であったり、タイミングがずれていたり、サーバーの動作が予期せぬものであったりします。プロキシを設定したり、重いものをインストールしたりすることなく、フレームレベルで何が起こっているのかを簡単に確認する方法がありません。 ここでは、ブラウザ以外に何も必要としない実践的なワークフローを、実際のデバッグシナリオで説明します。