Get console history

Question

I'd like to know if there is a way in javascript to retrieve console history.

What I mean by console history is what appears in the dev tools console. For instance, I'd like to print in a html page all errors, warnings, info and log that are displayed in my dev tools without opening them.

Let me know if I'm not clear.

http://www.whathaveyoutried.com/? Should this run on a website or as a browser plugin? What is your target browser? Please add this information to your question/tags. — rekire, Dec 07 '12 at 12:46
Give a detailed explaino of what you are trying to do. Only then can we help you . — The Dark Knight, Dec 07 '12 at 13:05

snd · Answer 1 · 2016-10-19T11:00:35.883

I wrote a simple cross-browser library for this, called console.history. It's available on GitHub: https://git.io/console

What the library basically does is catch all calls to console.[log/warn/error/debug/info] and store them in the console.history array. As a bonus, a full stack trace is also added.

Test file test.js contains:

function outer() {
  inner();
}

function inner() {
  var array = [1,2,3];
  var object = {"foo": "bar", "key": "value"};
  console.warn("Something went wrong, but we're okay!", array, object);
}

outer();

The entry to console.history will be:

{
  "type": "warn",
  "timestamp": "Thu, 01 Sep 2016 15:38:28 GMT",
  "arguments": {
    "0": "Something went wrong, but we're okay!",
    "1": [1, 2, 3],
    "2": {
      "foo": "bar",
      "key": "value"
    }
  },
  "stack": {
    "0": "at inner (http://localhost:1337/test/test.js:6:11)",
    "1": "at outer (http://localhost:1337/test/test.js:2:3)",
    "2": "at http://localhost:1337/test/test.js:9:1"
  }
}

yeah cool but it doesnt log any direct call within browsers console — assayag.org, Jun 19 '20 at 00:58

NVI · Accepted Answer · 2017-07-04T08:55:25.013

5

Chrome extensions had an API for that, experimental.devtools.console:

chrome.experimental.devtools.console.getMessages(function(messages) {  })

This API has been removed.

edited Jul 04 '17 at 08:55

answered Dec 12 '12 at 22:17

NVI

14,371
16
62
104

11

link is dead and `chrome.experimental => undefined` – Sigfried Jan 17 '17 at 13:23
"experimental" is the operative word – vothaison Jul 04 '17 at 04:39
i wish there was something else or a way to get to the same result.. – assayag.org Jun 19 '20 at 03:01

score 2 · Answer 3 · answered Dec 07 '12 at 13:46

2

There is no way to get the console data with JavaScript. Only way you would be able to do it is basically hijack all the console functions and store a copy and than call the default log lines.

answered Dec 07 '12 at 13:46

epascarello

195,511
20
184
225

score 1 · Answer 4 · answered Sep 17 '15 at 10:01

console.history = [];
var oldConsole = {};
for (var i in console) {
    if (typeof console[i] == 'function') {
        oldConsole[i] = console[i];
        var strr = '(function(){\
            console.history.push({func:\'' + i + '\',args : Array.prototype.slice.call(arguments)});\
            oldConsole[\'' + i + '\'].apply(console, arguments);\
        })';
        console[i] = eval(strr);
    }
}

And then use console.history to access history

Get console history

4 Answers4

Linked