1646932 - Unicode support in Websocket inspector

Status: ASSIGNED

(DevTools :: Netmonitor, defect, P3)

Description

[PS]

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36

Steps to reproduce:

When inspecting a Websocket, and looking at the "Messages", unicode isn't supported. This leads to unreadable text if special characters (e.g. æøå) are used.

It would also be good to support unicode smilies, as they are quite widespread.

to reproduce, navigate to http://messenger.com and login, inspect the websocket and look at the messages tab when sending a message with special characters or a smiley.

See example images here: https://imgur.com/a/O79p6t6

(If it's possible to insert images inline, please let me know, I couldn't find a way to, and only one attachment is allowed.)

Actual results:

Gibberish is displayed (see attached picture).

Expected results:

Correct text and smilies should be displayed.

Comment 1

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Thanks for the report!

(If it's possible to insert images inline, please let me know, I couldn't find a way to, and only one attachment is allowed.)
You can add as many attachments you like, just click the Attach New File button above.

I can reproduce this bug
Alternative STRs

1. Load http://janodvarko.cz/test/websockets/
2. Open DevTools and select the Network panel
3. Click Connect to create a new connection
4. Insert æøå into the text field (next to the Send button)
5. Click the Send button
6. Inspec the WS connection and the associated frame
7. The WS inspector shows æøå => BUG

Honza

Comment 2

[PS]

Attachment: smiley.png

Comment 3

[PS]

Attachment: unicode.png

Comment 4

[PS]

Attachment: msg.png

Comment 5

[PS]

Attachment: rawdata.png

Comment 6

[PS]

(In reply to Jan Honza Odvarko [:Honza] (always need-info? me) from comment #1)

Thanks for the report!

(If it's possible to insert images inline, please let me know, I couldn't find a way to, and only one attachment is allowed.)
You can add as many attachments you like, just click the Attach New File button above.

I can reproduce this bug
Alternative STRs

1. Load http://janodvarko.cz/test/websockets/
2. Open DevTools and select the Network panel
3. Click Connect to create a new connection
4. Insert æøå into the text field (next to the Send button)
5. Click the Send button
6. Inspec the WS connection and the associated frame
7. The WS inspector shows æøå => BUG

Honza

Thanks for the feedback. If possible, adding smiley support would also be very useful when debugging websocket messages.

Comment 8

[rav_kr]

Any updates?

Comment 9

[Espen Hovlandsdal]

Attachment: Bug 1646932 - Decode WebSocket text frame payloads as UTF-8. r?#devtools-reviewers