2040265 - WebSocket Chinese JSON data displays correctly in Chrome but appears garbled in Firefox DevTools

Status: NEW

(DevTools :: Netmonitor, defect, P3)

Description

[ba1183752006]

Attachment: Network panel displays

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:150.0) Gecko/20100101 Firefox/150.0

Steps to reproduce:

The WebSocket API returns JSON data containing Chinese characters.

Actual results:

When inspecting the WebSocket messages using browser DevTools (F12), Chrome correctly displays the Chinese text, but in Firefox the same messages appear as garbled/incorrect characters.

The WebSocket API returns JSON data containing Chinese characters. In Chrome DevTools (F12), the WebSocket messages are displayed correctly. In Firefox, the Console output of the same WebSocket data correctly shows Chinese characters, but the Network panel displays the same WebSocket frames as garbled or incorrectly encoded text. This indicates the issue is likely limited to Firefox Network panel’s decoding/rendering of WebSocket payloads, rather than the actual data or transport layer.

Expected results:

The expected behavior is that Firefox Network panel should display the same readable Chinese text as Chrome

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'DevTools::General' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Hubert Boma Manilla (:bomsy)]

Adding an easy STR

1. Open https://echo.websocket.org/.ws
2. Open the netmonitor
3. Reload the page to see the websocket request
4. Select the request and go to the Response side panel
5. Click "pause messages" on the Webpage (This just reduces the messages noise)
6. Enter "網站有中、英文版本，也有繁、簡體版，可通過每頁左上角的連結隨時調整" into the message box and click "Send message"
7. See the message in the Response Panel