Comment obtenir la console à l'intérieur de jsfiddle

Comment puis-je obtenir la console pour montrer dans un violon sur JSfiddle.com?

j'ai vu récemment un violon qui avait la console intégrée dans le violon, quelqu'un sait comment cela peut être fait?

40
demandé sur Adam Buchanan Smith 2016-08-24 21:30:09

5 réponses

cliquez sur JavaScript gear et sélectionnez firebug lite.

Link to image showing how it is done

48
répondu CodeBroJohn 2017-05-14 17:17:07

plutôt simple..

exemple

github

il suffit d'ajouter L'URL suivante aux ressources externes dans jsfiddle, vous verrez console.journal et de la console.erreur dans l'écran des résultats.

https://rawgit.com/eu81273/jsfiddle-console/master/console.js
35
répondu user1855278 2017-04-19 03:53:29

fonctionne très bien... ici

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

console = {
    log: function (text) {
        $("#console-log").append($(consoleLine).html(text));
    }
};
console.log("Hello Console")
10
répondu fernando 2016-08-24 18:40:02

dernièrement, je n'ai pas pu trouver d'option pour sélectionner L'extension Firebug dans L'Option JavaScript Gear et je suis assez paresseux pour ajouter des liens externes/bibliothèques, et pourtant il y a une autre solution SIMPLE.

utiliser la Console du navigateurcomme je l'ai utilisé et affiché dans cette démo lien. Cliquez Sur Moi!

5
répondu Amrit Gautam 2017-10-25 18:41:03
  • cliquez sur la flèche à côté de JavaScript
  • et FRAMEWORKS & EXTENSIONS sélectionner No-Bibliothèque (Pur JS)
  • coller console.log('foo'); en JS boîte
  • Ressources ajouter https://rawgit.com/eu81273/jsfiddle-console/master/console.js
  • et lancez votre script en appuyant sur le bouton Play

2
répondu player0 2018-07-16 19:54:22