在JsFiddle打印Var

我如何从我的JavaScript打印一些东西到JsFiddle的结果屏幕。我不能使用document.write()，它不允许，也不允许使用print。

我应该用什么?

98174 次浏览
小开

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

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

试一试:

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

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

小开

也许不能做你做的事，但你可以打字

console.log(string)

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

小开

我有一个模板;以下是我使用的代码:

超文本标记语言

<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());
小开

使用alert()函数:

alert(variable name);
alert("Hello World");
小开
最佳答案

为了能够在JSFiddle中看到console.log()的输出，请转到左侧面板的外部资源，并为Firebug添加以下链接:

https://getfirebug.com/firebug-lite-debug.js < a href = " https://getfirebug.com/firebug-lite-debug.js " > < / >

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

小开

这里有一个替代方案:http://jsfiddle.net/skibulk/erh7m9og/1/

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


document.write("¡hola mundo");
小开

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

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

scope = angular.element(document.querySelector('[ng-controller=MyCtrl]')).scope();

我发现直接检查作用域比console.log、alert()等更容易。

小开

与ES6的技巧可以

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

只添加

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

在HTML中

小开

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

小开

现在jsfiddle可以从头开始执行。点击Javascrpt -> Frameworks &扩展——> Jquery(edge)和检查Firebug lite复选框

小开

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

在jsfiddle资源中添加一个rawgit: https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js < / p > 然后你可以在HTML中添加这个:
<pre class="console"></pre> < / p > 在JS中初始化控制台 ConsoleJS.init({selector: "pre.console"}); < / p >

用法示例:在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);

提交答案