在JsFiddle中打印Var

Question

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

我该怎么用？

Answer 1

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

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

Answer 2

只是添加一些可能对某些人有用的东西....

如果您如上所示添加调试器控制台，则可以通过执行以下命令来访问范围：

scope = angular.element（document.querySelector（'[ng-controller = MyCtrl]'））。scope（）;

我发现直接检查范围比console.log，alert（）等更容易。

Answer 3

如果你正在使用JSfiddle，你可以使用这个库：https://github.com/IonicaBizau/console.js

将lib的rawgit添加到jsfiddle资源：https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js

然后你可以在HTML中添加它： <pre class="console"></pre>

在JS中初始化控制台： ConsoleJS.init({selector: "pre.console"});

用法示例：在jsfiddle上查看

ConsoleJS.init({selector: "pre.console"});

let b;

console.log('hello world');
console.log([{'a':10,'b':44}]);
console.log(typeof [1,2,3,4]);
console.log(50 +67);
console.log(b);

Answer 4

使用alert()函数：

alert(variable name);
alert("Hello World");

Answer 5

I have a template for this purpose;这是我使用的代码：

HTML

<pre id="output"></pre>

JavaScript的

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

示例使用（JavaScript）

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

Answer 6

尝试：

document.getElementById('element').innerHTML = ...;

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

Answer 7

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

console.log(string)

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

Answer 8

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

$('body').append(yourVariable); 

Answer 9

现在jsfiddle可以从头开始。只需转到Javascript - >框架和扩展 - > Jquery（边缘）并选中Firebug lite复选框

Answer 10

document.body.innerHTML =“您的数据”;

Answer 11

用ES6技巧可以

function say(...args)
{ 
    document.querySelector('#out').innerHTML += args.join("</br>");
}
say("hi","john");

仅添加

 <span id="out"></span>

在HTML中

Answer 12

这是另一种选择：http://jsfiddle.net/skibulk/erh7m9og/1/

document.write = function (str) {
    document.body.insertAdjacentHTML("beforeend", str);
}

document.write("¡hola mundo");