get all console.log in div

console.log.js

$("body").append('<ul style="background: #000; border: 3px groove #ccc; color: #ccc; display: block; width: 99%; height: 60px; overflow: scroll; margin: 0 auto; position: fixed; bottom: 0;" id="EL-console"></ul>');


function htmlEncode(value){
  return $('<ul/>').text(value).html();
}

var former = console.log;
console.log = function(msg){
    former(msg);
    $("#EL-console").append("<li class='te'>" + msg + "</li>");
    $('.te:empty').remove();
}


window.onerror = function(message, url, linenumber) {
    console.log('<li class="EL-logError">'+"JavaScript error: " + message + " on line " + 
                linenumber + " for " + url + '</li>');
}