2016-08-24 110 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所要求的可行選項,我只會將其刪除。 –