How to get console inside jsfiddle

Question

How can I get the console to show in a fiddle on JSfiddle.com?

I recently saw a fiddle that had the console embedded in the fiddle, anyone know how this can be done?

Answer 1

pretty simple one..

example

github

Just add the following URL to External Resources in jsfiddle, you will see console.log and console.error in the result screen.

https://rawgit.com/eu81273/jsfiddle-console/master/console.js

Answer 2

Lately, I couldn't find ANY option for selecting Firebug extension in Javascript Gear Option and I am lazy enough to add external links/libraries, and yet there is another SIMPLE solution.

Use Browser's built in Console as I have used and shown in this demo link. Click Me!

Answer 3

works fine... here

var consoleLine = "<p class=\"console-line\"></p>";

console = {
    log: function (text) {
        $("#console-log").append($(consoleLine).html(text));
    }
};
console.log("Hello Console")

Answer 4

• click on that arrow next to JavaScript
• and as FRAMEWORKS & EXTENSIONS select No-Libary (Pure JS)
• paste your console.log('foo'); in JS box
• under Resources add https://rawgit.com/eu81273/jsfiddle-console/master/console.js
• and run your script hitting that Play button

Answer 5

Hit the javascript gear and select firebug lite.