如何在jsfiddle中获取控制台

Ada*_*ith 92 javascript console jsfiddle

如何让控制台在JSfiddle.com上显示小提琴?

我最近看到一个把控制台嵌入小提琴的小提琴,任何人都知道如何做到这一点?

use*_*278 74

非常简单的..

github上

只需将以下URL添加到jsfiddle中的External Resources,您将在结果屏幕中看到console.log和console.error.

https://cdn.jsdelivr.net/gh/eu81273/jsfiddle-console/console.js
Run Code Online (Sandbox Code Playgroud)


Cod*_*ohn 72

点击javascript齿轮并选择firebug lite.

链接到图像显示它是如何完成的

  • 应该简单地包括你需要将你的javascript设置为使用jQuery边缘库或jQuery的子集来查看firebug lite选项,否则它将不会显示. (17认同)
  • 如果您不想使用JQuery,答案[bellow](/sf/answers/3043948701/)看起来是更好的解决方案. (3认同)

pla*_*er0 28

  • 单击JavaScript旁边的箭头
  • 并且作为FRAMEWORKS&EXTENSIONS选择No-Libary(纯JS)
  • 粘贴你console.log('foo');的JS框
  • 资源添加下https://rawgit.com/eu81273/jsfiddle-console/master/console.js
  • 并运行您的脚本点击播放按钮

  • **gif**真的很有帮助. (3认同)
  • @Ruben,除了这个答案出现在投票最高的答案之前,所以值得赞扬!+ gif 真的很有帮助! (2认同)

fer*_*ndo 14

工作得很好...... 在这里

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

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


小智 12

最近,我找不到在Javascript Gear Option中选择Firebug扩展的任何选项,而且我很懒,可以添加外部链接/库,但还有另一个SIMPLE解决方案.

使用浏览器内置的控制台, 如我在此演示链接中使用和显示的那样.点击我!

  • Upvote,因为我也看不到firebug扩展的选项,所以最简单的解决方案是按F12 (2认同)