web-dev-qa-db-fra.com

Imprimer Var dans JsFiddle

Comment pourrais-je imprimer quelque chose sur l'écran des résultats dans JsFiddle à partir de mon JavaScript. Je ne peux pas utiliser document.write(), il ne le permet pas, ni print.

Que devrais-je utiliser?

javascriptjsfiddle
193
aritroper

Pour pouvoir voir la sortie de console.log() dans JSFiddle, accédez à External Resources dans le panneau de gauche et ajoutez le lien suivant pour Firebug:

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

Example of the result after adding firebug-lite-debug.js

489
davidkelleher

J'ai un modèle à cet effet ; voici le code que j'utilise:

HTML

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

JavaScript

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

Exemple d'utilisation (JavaScript)

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

Essayer:

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

Fiddle: http://jsfiddle.net/HKhw8/

39
Flame Trap

Vous ne pouvez pas faire ce que vous faites, mais vous pouvez taper

console.log(string)

Et il va imprimer la chaîne dans la console de votre navigateur. En chrome Push CTRL + SHIFT + J ouvrir la console.

27
Euphe

Vous pouvez faire ceci --->http://jsfiddle.net/chY5y/

$('body').append(yourVariable);
8
Mohammad Adil

Maintenant jsfiddle peut le faire à partir de zéro. Il suffit d'aller à Javascript -> Frameworks & extensions -> Jquery (Edge) et cochez la case Firebug lite 

6
vkabachenko

document.body.innerHTML = "Vos données";

5
Igor Vaschuk

Avec ES6, des astuces pourraient être

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

Ajouter seulement 

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

en HTML

4
JohnPan

Voici une alternative: http://jsfiddle.net/skibulk/erh7m9og/1/

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

document.write("¡hola mundo");
3
skibulk

Juste pour ajouter quelque chose qui pourrait être utile à certaines personnes ....

Si vous ajoutez la console du débogueur comme indiqué ci-dessus, vous pouvez accéder à la portée en exécutant la procédure suivante:

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

Je trouve l'inspection de la portée directement plus facile que console.log, alert (), etc.

0
Neph