Como imprimir algo na tela de resultados no JsFiddle a partir do meu JavaScript. Não posso usar document.write()
, também não permite print
.
O que devo usar?
console.log()
aceitar argumentos de maneira diferente da sua função personalizada).
Como imprimir algo na tela de resultados no JsFiddle a partir do meu JavaScript. Não posso usar document.write()
, também não permite print
.
O que devo usar?
console.log()
aceitar argumentos de maneira diferente da sua função personalizada).
Respostas:
Para poder ver a saída do console.log()
JSFiddle, acesse Recursos externos no painel esquerdo e adicione o seguinte link para o Firebug:
Eu tenho um modelo para esse fim ; aqui está o código que eu uso:
<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
vez de innerHTML
e também envia o log para o console original: 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)
Exemplo do
Experimentar:
document.getElementById('element').innerHTML = ...;
Fiddle: http://jsfiddle.net/HKhw8/
document.getElementById('element').innerHTML += [stuff here] + "<br/>";
se quiser ter várias linhas e adicionar informações à página, em vez de apenas substituir as informações antigas.
Pode não fazer o que você faz, mas você pode digitar
console.log(string)
E imprimirá a string no console do seu navegador . No chrome, pressione CTRL+ SHIFT+ Jpara abrir o console.
CTRL
+ SHIFT
+ K
se quiser que o console seja encaixado na parte inferior da página, em vez de flutuar em uma janela separada.
Você pode fazer isso --->
http://jsfiddle.net/chY5y/
$('body').append(yourVariable);
Agora, o jsfiddle pode fazer isso do zero. Vá para Javascrpt -> Estruturas e extensões -> Jquery (borda) e marque a caixa de seleção Firebug lite
document.body.innerHTML = "Seus dados";
document.body.innerHTML += "Your data" + "<br/>"; document.body.innerHTML += "Even more data" + "<br/>";
Aqui está uma alternativa: http://jsfiddle.net/skibulk/erh7m9og/1/
document.write = function (str) {
document.body.insertAdjacentHTML("beforeend", str);
}
document.write("¡hola mundo");
Apenas para adicionar algo que pode ser útil para algumas pessoas ...
Se você adicionar o console do depurador, como mostrado acima, poderá acessar o escopo executando o seguinte:
scope = angular.element (document.querySelector ('[ng-controller = MyCtrl]')). scope ();
Acho que inspecionar o escopo diretamente é mais fácil do que console.log, alert () etc.
Se você estiver usando JSfiddle, poderá usar esta biblioteca: https://github.com/IonicaBizau/console.js
Inclua um rawgit da lib nos recursos do jsfiddle:
https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js
Então você pode simplesmente adicionar isso no HTML:
<pre class="console"></pre>
Inicialize o console em seu JS:
ConsoleJS.init({selector: "pre.console"});
Exemplo de uso: Veja no 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);
Use a alert()
função:
alert(variable name);
alert("Hello World");