⌘D
keyboard shortcut when your app is running in the iOS Simulator, or ⌘M
when running in an Android emulator on Mac OS and Ctrl+M
on Windows and Linux. Alternatively for Android, you can run the command adb shell input keyevent 82
to open the dev menu (82 being the Menu key code).LogBox.ignoreAllLogs()
. This is useful when giving product demos, for example. Additionally, notifications can be hidden on a per-log basis via LogBox.ignoreLogs()
. This is useful when there's a noisy warning that cannot be fixed, like those in a third-party dependency.undefined is not a function
will automatically open a full screen LogBox error with the source of the error. These errors are dismissable and minimizable so that you can see the state of your app when these errors occur, but should always be addressed. https://paradiseclever304.weebly.com/wd-smartware-pro-download-mac.html.Tools → Developer Tools
from the Chrome Menu to open the Developer Tools. You may also access the DevTools using keyboard shortcuts (⌘⌥I
on macOS, Ctrl
Shift
I
on Windows). You may also want to enable Pause On Caught Exceptions for a better debugging experience.REACT_DEBUGGER
environment variable to a command that will start your custom debugger. You can then select 'Debug JS Remotely' from the Developer Menu to start debugging.REACT_DEBUGGER='node /path/to/launchDebugger.js --port 2345 --type ReactNative'
, then the command node /path/to/launchDebugger.js --port 2345 --type ReactNative /path/to/reactNative/app
will be used to start your debugger.Preferences → Advanced → Select 'Show Develop menu in menu bar'
Develop → Simulator → JSContext
react-devtools
package globally:react-devtools
requires react-native
version 0.62 or higher to work properly.react-devtools
from the terminal to launch the standalone DevTools app:react-devtools
as a project dependency. Add the react-devtools
package to your project using npm install --save-dev react-devtools
, then add 'react-devtools': 'react-devtools'
to the scripts
section in your package.json
, and then run npm run react-devtools
from your project folder to open the DevTools.react-devtools
is running, Inspector will enter a collapsed mode, and instead use the DevTools as primary UI. In this mode, clicking on something in the simulator will bring up the relevant components in the DevTools:debuggerWorker.js
. This step is essential.$r
in the Chrome console, letting you inspect its props, state, and instance properties.expo-cli
workflow, see the guide on ejecting to use this API. Debug → Open System Log..
in the iOS Simulator or by running adb logcat *:S ReactNative:V ReactNativeJS:V
in a terminal while an Android app is running on a device or emulator.RCTWebSocketExecutor.m
and change 'localhost' to the IP address of your computer, then select 'Debug JS Remotely' from the Developer Menu.adb
command line tool to setup port forwarding from the device to your computer:adb reverse tcp:8081 tcp:8081