202

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

我应该使用什么?

4

12 回答 12

501

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

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

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

于 2014-04-10T13:44:57.213 回答
69

I have a template for this purpose; here is the code I use:

HTML

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

JavaScript

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

Sample use (JavaScript)

out("Hello world!");
out("Your lottery numbers are:", Math.random(), 999, Math.PI);
out("Today is", new Date());
于 2014-01-04T18:54:41.527 回答
39

尝试:

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

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

于 2013-06-29T16:16:55.920 回答
27

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

console.log(string)

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

于 2013-06-29T16:17:47.153 回答
8

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

$('body').append(yourVariable); 
于 2013-06-29T16:16:35.733 回答
7

现在 jsfiddle 可以从头开始。只需转到 Javascrpt --> Frameworks & extensions --> Jquery(edge) 并选中 Firebug lite 复选框

于 2017-11-07T10:25:38.007 回答
5

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

于 2016-06-17T20:34:58.877 回答
4

使用 ES6 技巧可能是

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

仅添加

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

在 HTML 中

于 2016-05-23T19:17:06.940 回答
3

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

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

document.write("¡hola mundo");
于 2014-12-07T16:24:55.277 回答
0

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

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

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

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

于 2015-03-01T19:09:22.493 回答
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);
于 2018-09-17T10:05:04.423 回答
-4

使用alert()功能:

alert(variable name);
alert("Hello World");
于 2014-02-14T06:54:45.743 回答