console.log browser in android emulator

Question

How to see console.log messages of a website using android emulator?

score 24 · Accepted Answer · edited Jun 20 '20 at 09:12

24

From Rich Chetwynd's short article "Javascript debugging on Android browser".

You can log javascript errors and console messages from your Android device or emulator. To do this you first need to install the Android SDK and USB drivers and enable USB debugging on the actual device.

To check if the device is connected correctly you can run the following cmd from your Android SDK tools directory and you should see a device in the list

c:\android sdk..\platform-tools\adb devices

You can then use the Android Debug Bridge to filter debug messages so that you only see browser related messages by running the following cmd.

c:\android sdk..\platform-tools\adb logcat browser:V *:S

By default the log is written to stdout so you will see any Javascript errors or console.log messages etc written to the cmd window.

Further details: Logcat CLI tool docs.

edited Jun 20 '20 at 09:12

Community

1
1

answered Apr 27 '11 at 21:17

Doug Domeny

4,410
2
33
49

I see - `running logcat browser:V *:S` seems to output all logs for me, I had to pipe it to grep to get relevant logs. – Jesse Jul 20 '13 at 00:17
Under linux box: `cd ~/eclipse/adt-bundle-linux-x86_64-20140702/sdk/platform-tools; ./adb logcat browser:V *:S | sed 's/^.*Console: $.*$ [^ ]*/\1/'` – gaRex Aug 06 '14 at 08:55
2

I had to use `adb logcat chromium:V *:S` on API 21 – deefactorial Jul 31 '15 at 20:43
`zsh: no matches found: *:S` – Dominic Jul 27 '17 at 15:39
I added a command to get the log from the emulator at the bottom of the page – ktscript Feb 05 '21 at 08:18

score 7 · Answer 2 · edited Apr 20 '12 at 05:53

7

If you have started the emulator from Eclipse with the ADT plugin, you will see all JavaScript console logs directly under the LogCat view :

Window -> Show View -> Android -> LogCat

edited Apr 20 '12 at 05:53

Msonic

1,456
15
25

answered Apr 19 '12 at 07:25

Olivier C

1,151
10
11

score 6 · Answer 3 · answered Oct 02 '19 at 04:23

6

If you are using Android Studio; you can open your Logcat (Alt+6) and filter for: :CONSOLE

Filtering for only :CONSOLE (rather than INFO:CONSOLE) will display all types of console messages (including ERROR, WARN, etc).

answered Oct 02 '19 at 04:23

HardlyNoticeable

497
9
26

score 6 · Answer 4 · answered Sep 08 '22 at 06:52

6

Open this url on your chrome

chrome://inspect

answered Sep 08 '22 at 06:52

Bhumika Barad

101
1
5

score 4 · Answer 5 · answered Oct 18 '10 at 06:51

4

You could add some JavaScript temporarily like...

var console = {
    log: function(msg) { alert(msg); }
};

Ugly as hell, but it works.

answered Oct 18 '10 at 06:51

alex

479,566
201
878
984

score 3 · Answer 6 · answered Mar 26 '14 at 13:02

I hijacked the console.log using this code:

function logManager() {
    var self = this;

    self.init = function () {
        console.log('logmanager initialized');
        var old = console.log;
        self.logger = document.getElementById('log');
        console.log = function (message, options) {
            if (typeof message == 'object') {
                self.logger.innerHTML = (JSON && JSON.stringify ? JSON.stringify(message) : message) + '<br />' + self.logger.innerHTML;
            } else {
                self.logger.innerHTML = message + '<br />' + self.logger.innerHTML;
            }
        }
    }
    self.toggleLogVisibility = function () {
        return $(self.logger).toggle();
    };
}

And consume it like so in your html with your own styling (absolute top right is what I used)

<div id="log" class="log">
    Application loaded...
</div>

And in your jscript (run this on page loaded as the log element has to exist)

document.lmgr = new logManager();
document.lmgr.init();

score 1 · Answer 7 · answered Feb 05 '21 at 08:13

1

Command - get log from the emulator

adb -e logcat

adb.exe can be found at $your_installation_path$\android sdk\platform-tools

more detailed https://learn.microsoft.com/ru-ru/xamarin/android/deploy-test/debugging/android-debug-log?tabs=windows

answered Feb 05 '21 at 08:13

ktscript

309
4
11

nohehf · Answer 8 · 2023-02-22T01:47:08.537

0

If you cannot run adb logcat browser:V *:S because of zsh, you need to run noglob adb logcat browser:V *:S. Rationale: https://github.com/ohmyzsh/ohmyzsh/issues/2901

edited Feb 22 '23 at 01:47

answered Jan 17 '23 at 22:58

nohehf

355
2
9

console.log browser in android emulator

8 Answers8

Linked