How to get console inside jsfiddle

  • 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
    • or: under Resources add https://cdn.jsdelivr.net/gh/eu81273/jsfiddle-console/console.js
  • and run your script hitting that Play button


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://cdn.jsdelivr.net/gh/eu81273/jsfiddle-console/console.js

I couldn't find any option for selecting the Firebug extension in the JavaScript gear option, and I didn't want to add external links/libraries, but there is another simple solution.

You can use your browser's built in console

Dev Tools Console


  1. Expand the JavaScript panel
  2. Select jQuery Edge
  3. Select Firebug Lite.

Example of Settings

Which should add an inline console to the bottom of the results tab

Example of Output