Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

See Websocket traffic on WS Network tab

See original GitHub issue

React Native Debugger app version: 0.7.12 React Native version: 0.49.5 Platform: iOS Is real device of platform: No Operating System: macOS

We use Websockets for some communication with our server, but it doesn’t show up under WS in the Network tab on the iOS Simulator. Normal fetch traffic does. Any reason for this or is there a way to make this traffic visible?

Issue Analytics

State:
Created 6 years ago
Reactions:18
Comments:6 (1 by maintainers)

Top GitHub Comments

3reactions

sunlei4076commented, Oct 18, 2019

if (process.env.NODE_ENV === 'development') { GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest GLOBAL.WebSocket = GLOBAL.originalWebSocket || GLOBAL.WebSocket }

0reactions

kornelijusslcommented, Apr 29, 2022

@sunlei4076 Would be nice if you could write some little explanation of what it does. 👍🏽

Top Results From Across the Web

How do you inspect websocket traffic with Chrome Developer ...

Information about this traffic is nested deeper in Network tab. Using Chrome 58+, you will see entry about connection ...

Inspecting WebSocket Traffic with Chrome Developer Tools

To see the WebSocket frames, click the echo.websocket.org entry, and then click the Frames tab. The Frames tab shows the actual WebSocket message...

WebSocket Viewer - Chrome DevTools - Dev Tips

Chrome DevTools: View WebSocket messages interactively · Open the Filter menu in the Network Panel · Select the WS filter · Select any...

Inspecting WebSocket Traffic - Springer Link

First, let's take a closer look at the Network panel. Open Chrome and navigate to ... Request URL:ws://echo.websocket.org/?encoding=text.

Websockets | Down and Dirty with Chrome Developer Tools

Chrome developer tools contain a websockets view for analyzing websocket message frames. Green messages represent client to server (upload) messages while white ...