WebSocketトラフィックの記録を開始するには、ブラウザ内蔵の開発者ツール、またはFiddlerやWiresharkのようなサードパーティ製のライブラリを使用することができます。以下は、JavaScript コンソールからブラウザの開発者ツールを使用して WebSocket トラフィックの記録を開始する方法の例です：

```javascript
// Get the WebSocket object
const WebSocket = window.WebSocket || window.MozWebSocket;

// Create a new WebSocket connection
const ws = new WebSocket('wss://example.com');

// Start recording WebSocket traffic
const capture = new WebSocket('wss://example.com');
capture.binaryType = 'arraybuffer';
ws.addEventListener('message', event => {
  capture.send(event.data);
});

// Stop recording WebSocket traffic
capture.close();
```

このコードは、新しい WebSocket 接続と、トラフィックをキャプチャするための 2 番目の WebSocket 接続を作成します。addEventListener メソッドを使用して、最初の WebSocket 接続で着信メッセージをリッスンし、キャプチャしたトラフィックを 2 番目の WebSocket 接続に送信します。このコードを変更して、独自の WebSocket 接続からトラフィックをキャプチャすることができます。

キャプチャしたトラフィックをファイルとしてダウンロードするには、コードを次のように変更します：

```javascript 
// Get the WebSocket object
const WebSocket = window.WebSocket || window.MozWebSocket;

// Create a new WebSocket connection
const ws = new WebSocket('wss://example.com');

// Start recording WebSocket traffic
const capture = new WebSocket('wss://example.com');
capture.binaryType = 'arraybuffer';
const messages = [];
ws.addEventListener('message', event => {
  messages.push(event.data);
  capture.send(event.data);
});

// Stop recording WebSocket traffic and download as a file
capture.addEventListener('close', () => {
  const blob = new Blob(messages);
  const link = document.createElement('a');
  link.href = URL.createObjectURL(blob);
  link.download = 'websocket_traffic.bin';
  link.click();
});
capture.close();
```

この変更したコードは、トラフィックをキャプチャし、受信メッセージを配列に格納します。WebSocket 接続が閉じられると、キャプチャされたトラフィックを含む新しい Blob オブジェクトが作成され、ファイルのダウンロード リンクが作成されます。URL.createObjectURL メソッドを使用して Blob の URL を生成し、click メソッドを使用してダウンロード リンクのクリックをシミュレートしてダウンロードを開始します。

繰り返しますが、これは単なるコードスニペット例であり、独自の WebSocket 接続と Web サイトインフラストラクチャで動作するように修正する必要があることに注意してください。さらに、ネットワーク・トラフィックのキャプチャは、法的および倫理的な考慮の対象となる可能性があるため、適切な同意を取得し、関連するガイドラインや規制に従うことが重要です。
To start recording WebSocket traffic, you could use the browser's built-in developer tools or a third-party library such as Fiddler or Wireshark. Here's an example of how you could start recording WebSocket traffic using the browser's developer tools from the JavaScript console:

```javascript
// Get the WebSocket object
const WebSocket = window.WebSocket || window.MozWebSocket;

// Create a new WebSocket connection
const ws = new WebSocket('wss://example.com');

// Start recording WebSocket traffic
const capture = new WebSocket('wss://example.com');
capture.binaryType = 'arraybuffer';
ws.addEventListener('message', event => {
  capture.send(event.data);
});

// Stop recording WebSocket traffic
capture.close();
```

This code creates a new WebSocket connection and a second WebSocket connection to capture the traffic. The addEventListener method is used to listen for incoming messages on the first WebSocket connection, and the captured traffic is sent to the second WebSocket connection. You can modify this code to capture traffic from your own WebSocket connection.

To download the captured traffic as a file, you could modify the code as follows:

```javascript 
// Get the WebSocket object
const WebSocket = window.WebSocket || window.MozWebSocket;

// Create a new WebSocket connection
const ws = new WebSocket('wss://example.com');

// Start recording WebSocket traffic
const capture = new WebSocket('wss://example.com');
capture.binaryType = 'arraybuffer';
const messages = [];
ws.addEventListener('message', event => {
  messages.push(event.data);
  capture.send(event.data);
});

// Stop recording WebSocket traffic and download as a file
capture.addEventListener('close', () => {
  const blob = new Blob(messages);
  const link = document.createElement('a');
  link.href = URL.createObjectURL(blob);
  link.download = 'websocket_traffic.bin';
  link.click();
});
capture.close();
```

This modified code captures the traffic and stores the incoming messages in an array. When the WebSocket connection is closed, it creates a new Blob object containing the captured traffic and creates a download link for the file. The URL.createObjectURL method is used to generate a URL for the blob, and the click method is used to simulate a click on the download link to initiate the download.

Again, please note that this is just an example code snippet and you will need to modify it to work with your own WebSocket connection and website infrastructure. Additionally, capturing network traffic may be subject to legal and ethical considerations, so it's important to obtain appropriate consent and follow relevant guidelines and regulations.