I don't have chrome installed for some reason. When I hit "debug JS remotely", i get a log saying, "chrome wasn't found", and when i try to access the url in firefox : http://localhost:8081/debugger-ui, it doesn't work.
I want to debug in Firefox browser. How can i change the default settings for react-native remote JS debugger.
For Android: Ctrl + M (emulator) or Shake the phone (In Device) to reveal menu. Make sure you have chrome. On the revealed menu select Debug JS Remotely Option. Chrome will be opened automatically at localhost:8081/debugger-ui.
There are three ways to open the debugger: Select the Debugger panel in the Web Developer Tools, accessible from the Browser Tools submenu. Press Ctrl + Shift + Z on Windows and Linux, or Cmd + Opt + Z on macOS (starting in Firefox 71; prior to Firefox 66, the letter in this shortcut was S ). Press the menu button.
Connecting a React Native app to React Native Debugger To connect your app with React Native Debugger, you need to run your app and start debug mode. To start debug mode, shake your mobile device or press Command + Shift + Z or Ctrl + M and choose the debug option. We're all set to begin using React Native Debugger.
Step1: Put the URL in your Firefox/Opera browser: http://localhost:8081/debugger-ui
Step2: Open the Console ( Ctrl+Shift+J or Cmd+Shift+J )
Step3: Hit Cmd+D on Simulator and select "Debug JS Remotely"
Step4: Hit Cmd+R on Simulator
Step5: Check the Console in the Browser
These steps will work for Opera Browser also
This works for me.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With