Jak mam wydrukować coś na ekranie wyników w JsFiddle z mojego JavaScript. Nie mogę użyć document.write()
, to też nie pozwala print
.
Czego powinienem użyć?
javascript
jsfiddle
aritroper
źródło
źródło
console.log()
akceptacja argumentów inaczej niż w przypadku niestandardowej funkcji).Odpowiedzi:
Aby zobaczyć dane wyjściowe
console.log()
w JSFiddle, przejdź do Zasoby zewnętrzne w panelu po lewej stronie i dodaj następujący link do Firebug:https://getfirebug.com/firebug-lite-debug.js
źródło
Mam do tego celu szablon ; oto kod, którego używam:
HTML
JavaScript
Przykładowe użycie (JavaScript)
źródło
innerText
zamiastinnerHTML
i wysyła dziennik do oryginalnej konsoli: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)
przykładPróbować:
Fiddle: http://jsfiddle.net/HKhw8/
źródło
document.getElementById('element').innerHTML += [stuff here] + "<br/>";
jeśli chcesz mieć wiele wierszy i dodać informacje do strony, zamiast po prostu zastępować stare informacje.Może nie robić tego, co robisz, ale możesz pisać
I wydrukuje ciąg w konsoli przeglądarki . W chrome naciśnij CTRL+ SHIFT+, Jaby otworzyć konsolę.
źródło
CTRL
+SHIFT
+,K
jeśli chcesz zadokować konsolę u dołu strony, zamiast pływać w osobnym oknie.Możesz to zrobić
--->
http://jsfiddle.net/chY5y/źródło
Teraz jsfiddle może to zrobić od zera. Wystarczy przejść do JavaScriptu -> Frameworki i rozszerzenia -> Jquery (edge) i zaznaczyć pole wyboru Firebug lite
źródło
document.body.innerHTML = „Twoje dane”;
źródło
document.body.innerHTML += "Your data" + "<br/>"; document.body.innerHTML += "Even more data" + "<br/>";
Z ES6 sztuczki mogą być
Dodaj tylko
w HTML
źródło
Oto jedna alternatywa: http://jsfiddle.net/skibulk/erh7m9og/1/
źródło
Aby dodać coś, co może być przydatne dla niektórych ludzi ...
Jeśli dodasz konsolę debugowania, jak pokazano powyżej, możesz uzyskać dostęp do zakresu, wykonując następujące czynności:
scope = angular.element (document.querySelector ('[ng-controller = MyCtrl]')). scope ();
Uważam, że sprawdzanie zasięgu jest łatwiejsze niż console.log, alert () itp.
źródło
Jeśli używasz JSfiddle, możesz użyć tej biblioteki: https://github.com/IonicaBizau/console.js
Dodaj rawgit biblioteki lib do swoich zasobów jsfiddle:
https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js
Następnie możesz po prostu dodać to w kodzie HTML:
<pre class="console"></pre>
Zainicjuj konsolę w swoim JS:
ConsoleJS.init({selector: "pre.console"});
Przykład użycia: Zobacz to na jsfiddle
źródło
Użyj
alert()
funkcji:źródło