Drucken Sie Var in JsFiddle

Wie würde ich etwas aus meinem JavaScript auf dem Ergebnisbildschirm in JsFiddle drucken? Ich kann es nicht benutzen document.write(), es erlaubt es auch nicht print.

Was soll ich verwenden?

Um die Ausgabe von console.log()in JSFiddle zu sehen, gehen Sie zu Externe Ressourcen im linken Bereich und fügen Sie den folgenden Link für Firebug hinzu:

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

Ich habe eine Vorlage für diesen Zweck ; Hier ist der Code, den ich benutze:

HTML

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

JavaScript

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

Beispielnutzung (JavaScript)

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

Versuchen:

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

Geige: http://jsfiddle.net/HKhw8/

Könnte nicht tun, was Sie tun, aber Sie können tippen

console.log(string)

Und es wird die Zeichenfolge in die Konsole Ihres Browsers drucken . In Chrom drücken Sie CTRL+ SHIFT+ J, um die Konsole zu öffnen.

Sie können dies tun ---> http://jsfiddle.net/chY5y/

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

Jetzt kann jsfiddle es von Grund auf neu machen. Gehen Sie einfach zu Javascrpt -> Frameworks & Extensions -> Jquery (Rand) und aktivieren Sie das Kontrollkästchen Firebug Lite

document.body.innerHTML = "Ihre Daten";

Mit ES6 könnten Tricks sein

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

Nur hinzufügen

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

in HTML

Hier ist eine Alternative: http://jsfiddle.net/skibulk/erh7m9og/1/

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

document.write("¡hola mundo");

Nur um etwas hinzuzufügen, das einigen Leuten nützlich sein könnte ...

Wenn Sie die Debugger-Konsole wie oben gezeigt hinzufügen, können Sie auf den Bereich zugreifen, indem Sie Folgendes ausführen:

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

Ich finde es einfacher, den Bereich direkt zu inspizieren als console.log, alert () usw.

Wenn Sie JSfiddle verwenden, können Sie diese Bibliothek verwenden: https://github.com/IonicaBizau/console.js

Fügen Sie Ihren jsfiddle-Ressourcen einen Rawgit der Bibliothek hinzu: https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js

Dann können Sie dies einfach im HTML hinzufügen:
<pre class="console"></pre>

Initialisieren Sie die Konsole in Ihrem JS:
ConsoleJS.init({selector: "pre.console"});

Anwendungsbeispiel : Siehe es auf 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);

Verwenden Sie die alert()Funktion:

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