Navigate back to the homepage

How to check console.log in react native

Infinitbility
React Native
September 11th, 2021 · 1 min read
How to check console.log in react native

Hello Friends 👋,

Welcome To Infinitbility! ❤️

React native shows all logs in react native metro bundler terminal and it’s available in both ios and android but it’s not flexible to use and debug code.

React native also provide remote debugger option where it show’s all messages, logs, warning, and errors. See the image below for what it looks like.

React Native, remote-debuger, debug, Example

Now, we are going to learn how we can start a remote debugger in an emulator or real device.

Remote debugger in android

Android emulator

For the android emulator, Click on the emulator screen and Press Control + M ( Ctrl + M ), After open the dialog option select Remote JS Debugging. This will open a resource, http://localhost:8081/debugger-ui on localhost. From there, use the Chrome Developer tools JavaScript console to view console.log().

Android device

For a real android devices, shake your device and it will open the dialog of the option, select Remote JS Debugging. This will open a resource, http://localhost:8081/debugger-ui on localhost. From there, use the Chrome Developer tools JavaScript console to view console.log().

Remote debugger in iOS

iOS simulator

For the iOS simulator, Click on the simulator screen and Press Command + D ( ⌘ + D ) After the open the dialog option select Remote JS Debugging. This will open a resource, http://localhost:8081/debugger-ui on localhost. From there, use the Chrome Developer tools JavaScript console to view console.log().

iOS device

For a real iOS device, shake your device and it will open dialog of option, select Remote JS Debugging. This will open a resource, http://localhost:8081/debugger-ui on localhost. From there, use the Chrome Developer tools JavaScript console to view console.log().

Thanks for reading…

Join our email list and get notified about new content

No worries, I respect your privacy and I will never abuse your email.

Every week, on Tuesday, you will receive a list of free tutorials I made during the week (I write one every day) and news on other training products I create.

Looking For React Native Tutorial?

we are trying to create the best Tutorial for react native developers.

When you want a daily updates about React Native Tutorial or infinitbility update subscribe to our newsletter.

Read React Native Tutorial

Request New Tutorial or Article on mail [email protected]

Tutorials

React Native

Categories

More articles from Infinitbility

How to show suggestion on click in react tag input

How to show suggestion on click in react tag input

React tag input show sugession on onClick

September 10th, 2021 · 1 min read
How to get key and value from json object in javascript

How to get key and value from json object in javascript

Example get key and value both from object in javascript, React, React Native, vue, node, deno, typescript and all javascript framework.

September 9th, 2021 · 1 min read
© 2020–2021 Infinitbility
About
Link to $https://medium.com/infinitbilityLink to $https://www.facebook.com/InfinitbilityLink to $https://github.com/infinitbilityLink to $https://twitter.com/infinitbilityLink to $https://www.buymeacoffee.com/infinitbilityLink to $mailto:[email protected]