React-native-debugger: How should we edit setupDevtools?

Created on 27 Sep 2016  路  3Comments  路  Source: jhen0409/react-native-debugger

I have opened the file but don't know exactly which changes to perform in order to see the React hierarchy on the devtools.

I am developing on a real android device.

Thanks for your amazing work!

question

Most helpful comment

If you're debugging real device via USB, you can just run adb reverse tcp:8097 tcp:8097 on your terminal. If you're debugging in LAN, you should edit react-native/Libraries/Devtools/setupDevtools.js:

var ws = new window.WebSocket('ws://<your machine IP>:8097/devtools');

All 3 comments

If you're debugging real device via USB, you can just run adb reverse tcp:8097 tcp:8097 on your terminal. If you're debugging in LAN, you should edit react-native/Libraries/Devtools/setupDevtools.js:

var ws = new window.WebSocket('ws://<your machine IP>:8097/devtools');

@jhen0409 could you please copy this var ws = new window.WebSocket('ws://<your machine IP>:8097/devtools'); to the docs? :)

@grundmanise I updated the readme, due to react-native changes I can't just copy the code.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Mathieuka picture Mathieuka  路  3Comments

ghasemikasra39 picture ghasemikasra39  路  3Comments

AndrejGajdos picture AndrejGajdos  路  4Comments

Clete2 picture Clete2  路  5Comments

Ashoat picture Ashoat  路  4Comments