Comment obtenir la console dans jsfiddle

Comment puis-je afficher la console dans un violon sur JSfiddle.com?

J’ai récemment vu un violon qui avait la console intégrée dans le violon, tout le monde sait comment cela peut être fait?

Appuyez sur l’engrenage javascript et sélectionnez FireBug Lite.

Lien vers l'image montrant comment c'est fait

assez simple ..

Exemple

github

Ajoutez simplement l’URL suivante aux ressources externes dans jsfiddle, vous verrez console.log et console.error dans l’écran des résultats.

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

fonctionne bien … ici

 var consoleLine = "

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

Dernièrement, je n’ai trouvé AUCUNE option pour sélectionner l’extension Firebug dans Javascript Gear Option et je suis assez paresseux pour append des liens / bibliothèques externes, et pourtant, il existe une autre solution SIMPLE.

Utilisez la console intégrée au navigateur telle que je l’ai utilisée et montrée dans ce lien de démonstration. Cliquez sur moi!

  • cliquez sur cette flèche à côté de JavaScript
  • et comme FRAMEWORKS & EXTENSIONS sélectionnez No-Libary (Pure JS)
  • collez votre console.log('foo'); dans la boîte JS
  • sous Ressources, ajoutez https://rawgit.com/eu81273/jsfiddle-console/master/console.js
  • et lancez votre script en appuyant sur ce bouton Play