Javascript console in HTML [duplicate]

Question

So basically, like the Developer console - where you can see the outputs to the console via console.log etc....

I want to implement something like this so I can see this on the actual html page instead of having to open the Developer console.

Is there a way of doing this? Thanks!

Sure is, but it's a lot of work. There's a reason those tools are native. Good luck! — Niet the Dark Absol
– Niet the Dark Absol, Commented Sep 22, 2015 at 13:01
this is a tad too broad ;) SO is more about answering specific questions.. Q&A style! — Daij-Djan
– Daij-Djan, Commented Sep 22, 2015 at 13:02
@NiettheDarkAbsol: Actually, for a REPL, all you need is eval(). Being native doesn't help. — SLaks
– SLaks, Commented Sep 22, 2015 at 13:03
See here stackoverflow.com/a/16616794/2632619 stackoverflow.com/a/6604660/2632619 — Andi AR
– Andi AR, Commented Sep 22, 2015 at 13:05

Community · Accepted Answer · 2017-05-23 12:22:26Z

1

You could use a implementation of this SO answer like this: (note - This is the code from that answer. Only the part former(msg) gave me an error, so I left that part out)

console.log = function(msg){
    $("#mylog").append("<div>" + msg + "</div>");
}

window.onerror = function(message, url, linenumber) {
    console.log("JavaScript error: " + message + " on line " + 
                linenumber + " for " + url);
}
console.log("test");
console.log("test");
va

And the HTML

<div id="mylog"></div>

Working JSFiddle

edited May 23, 2017 at 12:22

CommunityBot

11 silver badge

answered Sep 22, 2015 at 13:03

Mathlight

6,73318 gold badges66 silver badges109 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Niet the Dark Absol Over a year ago

I use console.dir all the time. How would you implement this? Because right now it just throws, and that doesn't help. In fact that reminds me, can your console show error messages?

Mathlight Over a year ago

@NiettheDarkAbsol I'm not quiet sure. (this is mostly out of my league). But I've updated my answer with a another SO answer, maybe that answer will answer your question?

Niet the Dark Absol Over a year ago

Well I hate to be a downer, but if you're answering a question by copying in stuff from another answer, then that's kinda plagiarism and also a sign that you should be voting to close as a duplicate. Now, you don't have your close-vote permission yet, but you will, and whenever you're tempted to copy another answer into yours, consider close-voting as duplicate instead.

Mathlight Over a year ago

@NiettheDarkAbsol I totally agree with you. But I was in a good mood, so that's why I "helped".

Collectives™ on Stack Overflow

Javascript console in HTML [duplicate]

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related