Skip to content
This repository has been archived by the owner on Oct 12, 2023. It is now read-only.

Debug Dapp Browser with an Emulator and Chrome

Luis Chavarría edited this page May 14, 2021 · 2 revisions

The dapp Browser contains many console.log statements that are not accessible from the React Native. Here is how to access them.

steps

Start your android simulator or device and run the application. If you are on a physical device, shake it. On the emulator, click and press [Ctrl]+[M]. Click the second option, Debug JS Remotely.

Debug JS Remotely

This will open up a web browser pointing to localhost:8081/debugger-ui. If Chrome is not your default browser, open the URL with Chrome. This may work with Chromium browsers but I'm not sure.

Console Log of React Natice

In Chrome, open a new tab and navigate to chrome://inspect/#devices. In the Simulator or Device, navigate to the screen with the WebView and navigate to a URL. Under devices WebView should appear, click on inspect.

Remote Device WebView

This will bring up a new window for the DevTools showing a preview of the WebView. You can't interact with it, but you can interact with the simulator or emulator. This will bring up the console panel and from there you can see console logs from the WebView.

Devtools Console log from the WebView