在JsFiddle中打印Var

ari*_*per 197 javascript jsfiddle

如何从JavaScript中将内容打印到JsFiddle的结果屏幕中.我不能使用document.write()它,也不允许它print.

我该怎么用?

dav*_*her 496

为了能够从console.log()JSFiddle中看到输出,请转到左侧面板上的External Resources并为Firebug添加以下链接:

https://getfirebug.com/firebug-lite-debug.js

添加firebug-lite-debug.js后的结果示例

  • 我希望JSFiddle默认执行此操作,或者至少有一个非常明显的复选框,只需单击一下即可启用它. (44认同)
  • 很棒的答案.基本上将输出窗格拆分为两个窗格. (10认同)
  • **这个**应该是公认的答案..太棒了,谢谢! (8认同)
  • 在您第一次运行代码后,控制台才会显示!很棒的答案顺便说一下! (5认同)
  • Chrome有这样的东西吗?实际上JSFiddle应该支持这样的开箱即用,这将非常有用. (4认同)
  • 正是我在寻找的! (2认同)

IQA*_*eas 66

我有一个用于此目的的模板 ; 这是我使用的代码:

HTML

<pre id="output"></pre>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

function out()
{
    var args = Array.prototype.slice.call(arguments, 0);
    document.getElementById('output').innerHTML += args.join(" ") + "\n";
}
Run Code Online (Sandbox Code Playgroud)

示例使用(JavaScript)

out("Hello world!");
out("Your lottery numbers are:", Math.random(), 999, Math.PI);
out("Today is", new Date());
Run Code Online (Sandbox Code Playgroud)


Fla*_*rap 39

尝试:

document.getElementById('element').innerHTML = ...;
Run Code Online (Sandbox Code Playgroud)

小提琴:http://jsfiddle.net/HKhw8/

  • 您可以使用`document.getElementById('element').innerHTML + = [stuff here] +"<br/>";`如果你想拥有多行并且**将**信息添加到页面,而不仅仅是替换旧信息. (2认同)

Eup*_*phe 27

可能不会做你做的,但你可以输入

console.log(string)
Run Code Online (Sandbox Code Playgroud)

它会将字符串打印到浏览器的控制台中.在chrome push CTRL+ SHIFT+ J中打开控制台.

  • 或者,如果您希望控制台停靠在页面底部,而不是在单独的窗口中浮动,则可以使用`CTRL` +`SHIFT` +`K`. (3认同)

Moh*_*dil 8

你可以这样做---> http://jsfiddle.net/chY5y/

$('body').append(yourVariable); 
Run Code Online (Sandbox Code Playgroud)

  • 一旦选择了jQuery框架,它就可以工作了. (4认同)

小智 7

现在jsfiddle可以从头开始.只需转到Javascrpt - >框架和扩展 - > Jquery(边缘)并选中Firebug lite复选框


Igo*_*huk 5

document.body.innerHTML ="您的数据";