如何从JavaScript中将内容打印到JsFiddle的结果屏幕中。我无法使用document.write()
,也不允许使用print
。
我应该使用什么?
答案 0 :(得分:492)
为了能够在JSFiddle中看到来自console.log()
的输出,请转到左侧面板上的外部资源,并为Firebug添加以下链接:
https://getfirebug.com/firebug-lite-debug.js
答案 1 :(得分:64)
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());
答案 2 :(得分:39)
答案 3 :(得分:27)
可能不会做你做的事,但你可以输入
console.log(string)
它会将字符串打印到浏览器的控制台中。在chrome push CTRL + SHIFT + J 打开控制台。
答案 4 :(得分:8)
您可以执行此操作--->
http://jsfiddle.net/chY5y/
$('body').append(yourVariable);
答案 5 :(得分:7)
现在jsfiddle可以从头开始。只要去Javascrpt - &gt;框架和扩展程序 - &gt; Jquery(边缘)并检查Firebug lite复选框
答案 6 :(得分:5)
document.body.innerHTML =“您的数据”;
答案 7 :(得分:4)
使用ES6技巧可能
function say(...args)
{
document.querySelector('#out').innerHTML += args.join("</br>");
}
say("hi","john");
仅添加
<span id="out"></span>
HTML中的
答案 8 :(得分:3)
以下是另一种选择:http://jsfiddle.net/skibulk/erh7m9og/1/
document.write = function (str) {
document.body.insertAdjacentHTML("beforeend", str);
}
document.write("¡hola mundo");
答案 9 :(得分:0)
只是添加一些可能对某些人有用的东西......
如果您如上所示添加调试器控制台,则可以通过执行以下命令来访问范围:
scope = angular.element(document.querySelector(&#39; [ng-controller = MyCtrl]&#39;))。scope();
我发现直接检查范围比console.log,alert()等更容易
答案 10 :(得分:0)
如果您使用的是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);
答案 11 :(得分:-3)
使用alert()
功能:
alert(variable name);
alert("Hello World");