我如何从我的 JavaScript 中在 JsFiddle 的结果屏幕上打印一些东西。我不能使用document.write()，它不允许，print也不允许。
我应该使用什么？
【问题讨论】：
console.log() 接受的参数与您的自定义函数不同）。
标签： javascript jsfiddle
要在 JSFiddle 中查看来自 console.log() 的输出，请转到左侧面板上的 External Resources 并为 Firebug 添加以下链接：
【讨论】：
I have a template for this purpose;这是我使用的代码：
<pre id="output"></pre>
function out()
{
var args = Array.prototype.slice.call(arguments, 0);
document.getElementById('output').innerHTML += args.join(" ") + "\n";
}
out("Hello world!");
out("Your lottery numbers are:", Math.random(), 999, Math.PI);
out("Today is", new Date());
【讨论】：
innerText而不是innerHTML并将日志也发送到原始控制台：function newLog(oldLog) { return function() { var args = Array.prototype.slice.call(arguments, 0); document.getElementById('console-log').innerText += args.join(" ") + "\n"; oldLog.apply(this, args) } } console.log = newLog(console.log) console.error = newLog(console.error)JSFiddle example
【讨论】：
document.getElementById('element').innerHTML += [stuff here] + "<br/>";，而不是仅仅替换旧的信息。
可能不会做你做的事，但你可以输入
console.log(string)
它会将字符串打印到您的浏览器的控制台中。在 chrome 中按 CTRL + SHIFT + J 打开控制台。
【讨论】：
CTRL+SHIFT+K。
你可以这样做--->http://jsfiddle.net/chY5y/
$('body').append(yourVariable);
【讨论】：
现在 jsfiddle 可以从头开始。只需转到 Javascrpt --> Frameworks & extensions --> Jquery(edge) 并检查 Firebug lite 复选框
【讨论】：
document.body.innerHTML = "你的数据";
【讨论】：
document.body.innerHTML += "Your data" + "<br/>"; document.body.innerHTML += "Even more data" + "<br/>";
使用 ES6 技巧可能是
function say(...args)
{
document.querySelector('#out').innerHTML += args.join("</br>");
}
say("hi","john");
只添加
<span id="out"></span>
在 HTML 中
【讨论】：
这是另一种选择：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() 等更容易。
【讨论】：
如果你使用 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);
【讨论】：
使用alert()函数：
alert(variable name);
alert("Hello World");
【讨论】：