fire a custom event on console.log

Question

Is there a way to fire an event on every console.log() which will include either the parameters passed in the log function or the data returned by it? What I want to do is track every console.log execution and pass the information in a div of the page.

I don't mind whether it's a JavaScript or a JQuery answer since I'm using both in this project.

score 3 · Accepted Answer · answered Oct 24 '13 at 23:21

3

<script language="javascript">
    // cache a reference to the log method on the console object
    var _consoleLog = console.log;

    // replace the existing log method on the console object
    console.log = function() {
            // your custom action
        alert(arguments[0]);

            // pass control to the cached log method
        return _consoleLog.apply(console, arguments);
    };

    // quick test
    console.log("hello");
</script>

This will do the trick

answered Oct 24 '13 at 23:21

web_bod

5,728
1
17
25

wrong line number – AiShiguang Aug 24 '18 at 09:42
What line number? – web_bod Aug 27 '18 at 16:13
1

when you go with console.log, browser will show where it is (line number). if you go with the generic console log, browser shows which line the console.log is called at. if you do this wrap, it always shows the line number of `return _consoleLog.apply` – AiShiguang Aug 31 '18 at 09:39

score 0 · Answer 2 · edited May 23 '17 at 10:31

0

Override jQuery functions

Try something like this:

var doSomethingElse = function(data) {
  $("#output").html(data);
};
var f = function() { 
  console.log(this); 
  doSomethingElse(this);
};
f.apply("Hello World", null);

edited May 23 '17 at 10:31

Community

1
1

answered Oct 24 '13 at 23:11

fire a custom event on console.log

2 Answers2