2016-08-24 92 views
22

如何让控制台在JSfiddle.com上的小提琴中显示?如何在jsfiddle中获取控制台

我最近看到一把小提琴,把调音台嵌入小提琴中,任何人都知道如何做到这一点?

+0

这小提琴是什么? – Octopus

+1

小提琴只是做了这样的事情吗? http://jsfiddle.net/FL4XL/ – JonSG

+0

我相信他们最近删除了它。试试codepen.io。 – VtoCorleone

回答

36

打javascript的齿轮并选择萤火虫精简版。

Link to image showing how it is done

+9

它应该只包括你需要让你的JavaScript设置为使用jQuery边缘库或者jQuery的一个子集来查看firebug lite选项,否则它将不会显示出来。 – Tope

+0

如果您不想使用JQuery,则[bellow](https://stackoverflow.com/a/43484981/1259637)的答案看起来更好。 – Robert

6

正常工作...... here

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

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

谢谢你的回答,你的回答字面上回答我所问的,但我不清楚我的问题,所以我会给你加1,这里是一个小提琴的链接,显示我在谈论的是什么https://jsfiddle.net/c42vd3m9/1/ –

22

很简单的..

example

github

只是下面的网址添加到外部资源的jsfiddle,你会看到的console.log和console.error在结果屏幕。

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

最近,我找不到在Javascript齿轮选项选择扩展Firebug的任何选项,我够懒添加外部链接/库中,竟然有另外一个简单的解决方案。

使用浏览器的内置控制台as I have used and shown in this demo link. Click Me!

+0

我很惊讶地看到这个答案是如何downvoted。答案似乎很现实,简单而且没有多余。任何解释?至少,我想提出其他选择和可能的解决方案。 –

+0

对不起,downvote令你不安。 Downvote与您的方法无关 - 这是因为这不是问题的答案。这是一个替代方案的建议,最好作为对OP问题的评论。除非您更新答案,否则我无法删除downvote,如果更新将此问题作为问题的答案,或者提供了一套合理的理由说明为什么此方法是OP所要求的可行选项,我只会将其删除。 –