How to debug responsive changes in Android Studio

Question

I encode React-native in Android Studio for Windows and use an emulator. I don’t know how to debug my code?

How can I console.log in code and see the results? How can I check the items? How can I put a breakpoint in code?

Any tool / tutorial suggestion would be a big help.

Thanks Negin

Answer 1

Here is the white paper for debugging: Doc

You can debug code in Chrome

• Open http: // localhost: 8081 / debugger-ui in Chrome
• Run npm start on terminal
• Enable remote debugging in the emulator by pressing Command + m

Answer 2

• Tick ​​next to the number. where do you want to debug
• Debug the project that appears next to the launch icon.
• Perform your Ui task, where you execute your debug line (it will show a sign next to the line number when called)
• You can move the line up and down from the debug console.