How to open React Native Devtools Locally ? Here are the steps to open React Native DevTools:

1. Start your project with the command npx expo start in your terminal.
2. Press the j key in the terminal to open the debugger in Google Chrome or Microsoft Edge.
3. Alternatively, If using development builds or Expo Go, Shake the device and press the “Open JS Debugger” option in the developer menu.
4. Make sure your app is connected to the development server and try reloading the app if you encounter issues.

How to open React Native Devtools through tunneling ?

To More About Tunneling in Expo React Native Visit: https://medium.com/@chitranjankumargupta/expo-tunnel-88b555436f26

Method 1

To start React Native DevTools through tunneling, follow these steps:

1. Download the chrome extension zip from https://github.com/chitranjan-gupta/expo-react-native-devtools
2. Extract it and Open Chrome Based Browser and navigate to chrome://extensions
3. Enable Developer Mode and then click on Load Unpacked and choose the location where you have extracted the extension
4. After Installing the extension. Go to your expo project and start your project with the command npx expo start — tunnel — go.
5. You should start with — go mode because websocket tunneling does not work through https therefore — go start on http
6. Suppose your tunnel url http://jk9w8fg-anonymous-8081.exp.direct.
7. Click on the Icon of Expo React Native Devtools Extension and paste http://jk9w8fg-anonymous-8081.exp.direct and Click on Open Expo React Native Devtool It will open a window or tab with React Native Devtool

To Know More https://medium.com/@chitranjankumargupta/expo-react-native-devtools-debugging-41eda7cf8031