You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
- Press <kbd>j</kbd> from the CLI (`npx react-native start`).
30
+
- Press <kbd>j</kbd> from the CLI.
31
31
32
-
On first launch, DevTools will open to a welcome panel, along with an open console drawer where you can view logs and interact with the JavaScript runtime. From the top of the window, you can navigate to other panels, including the integrated React Components Inspector and Profiler.
33
-
34
-

32
+

35
33
36
-
React Native DevTools is powered by a dedicated debugging architecture built into React Native and uses a customized build of the [Chrome DevTools](https://developer.chrome.com/docs/devtools) frontend. This enables us to offer familiar, browser-aligned debugging features that are deeply integrated and built for end-to-end reliability.
34
+
On first launch, DevTools will open to a welcome panel, along with an open console drawer where you can view logs and interact with the JavaScript runtime. From the top of the window, you can navigate to other panels, including the integrated React Components Inspector and Profiler.
37
35
38
36
Learn more in our [React Native DevTools guide](./react-native-devtools).
39
37
40
-
:::note
41
-
React Native DevTools is only available with the Hermes engine, and requires either Google Chrome or Microsoft Edge installed.
42
-
:::
43
-
44
-
:::info
45
-
46
-
#### Flipper and alternative debugging tools
47
-
48
-
React Native DevTools replaces the previous Flipper, Experimental Debugger, and Hermes debugger (Chrome) frontends. If you are on an older version of React Native, please go to the docs [for your version](/versions).
49
-
50
-
For apps using JavaScriptCore instead of Hermes, Direct JSC Debugging is still available (see [Other Debugging Methods](./other-debugging-methods)).
51
-
52
-
React Native DevTools is designed for debugging React app concerns, and not to replace native tools. If you want to inspect React Native’s underlying platform layers (for example, while developing a Native Module), please use the debugging tools available in Xcode and Android Studio (see [Debugging Native Code](/docs/next/debugging-native-code)).
53
-
54
-
Other useful links:
55
-
56
-
- <ahref="https://shift.infinite.red/why-you-dont-need-flipper-in-your-react-native-app-and-how-to-get-by-without-it-3af461955109"target="_blank">Why you don’t need Flipper in your React Native app … and how to get by without it ↗</a>
57
-
58
-
:::
59
-
60
38
## LogBox
61
39
62
40
LogBox is an in-app tool that displays when warnings or errors are logged by your app.
Copy file name to clipboardExpand all lines: docs/running-on-device.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -400,7 +400,7 @@ If you run into any issues, please take a look at Apple's [Launching Your App on
400
400
401
401
You can also iterate quickly on a device using the development server. You only have to be on the same Wi-Fi network as your computer. Shake your device to open the [Dev Menu](debugging.md#opening-the-dev-menu), then enable Fast Refresh. Your app will reload whenever your JavaScript code has changed.
0 commit comments