Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can i set firefox to be my default Remote JS Debugger for React-Native?

Tags:

react-native

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.

like image 761
Abhishek Kumawat Avatar asked Sep 23 '18 14:09

Abhishek Kumawat


People also ask

How do I enable remote debugging in React Native?

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.

How do I enable debugging in Firefox?

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.

How do I connect React Native app to debugger?

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.


1 Answers

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.

like image 187
Pawan Mishra Avatar answered Oct 28 '22 01:10

Pawan Mishra