Bagaimana saya mencetak sesuatu ke layar hasil di JsFiddle dari JavaScript saya. Saya tidak bisa menggunakan document.write()
, juga tidak mengizinkannya print
.
Apa yang harus saya gunakan?
javascript
jsfiddle
aritroper
sumber
sumber
console.log()
menerima argumen berbeda dari fungsi kustom Anda).Jawaban:
Untuk dapat melihat output dari
console.log()
dalam JSFiddle, buka Sumber Daya Eksternal pada panel sisi kiri dan tambahkan tautan berikut untuk Firebug:https://getfirebug.com/firebug-lite-debug.js
sumber
Saya memiliki template untuk tujuan ini ; di sini adalah kode yang saya gunakan:
HTML
JavaScript
Penggunaan sampel (JavaScript)
sumber
innerText
alih-alihinnerHTML
dan mengirim log ke konsol asli juga: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)
ContohMencoba:
Fiddle: http://jsfiddle.net/HKhw8/
sumber
document.getElementById('element').innerHTML += [stuff here] + "<br/>";
jika Anda ingin memiliki beberapa baris dan menambahkan informasi ke halaman, bukan hanya mengganti informasi yang lama.Mungkin tidak melakukan apa yang Anda lakukan, tetapi Anda bisa mengetik
Dan itu akan mencetak string ke konsol browser Anda . Di chrome push CTRL+ SHIFT+ Juntuk membuka konsol.
sumber
CTRL
+SHIFT
+K
jika Anda ingin konsol merapat di bagian bawah halaman, alih-alih melayang di jendela yang terpisah.Anda dapat melakukan ini
--->
http://jsfiddle.net/chY5y/sumber
Sekarang jsfiddle dapat melakukannya dari awal. Cukup buka Javascrpt -> Frameworks & extensions -> Jquery (edge) dan centang kotak centang Firebug lite
sumber
document.body.innerHTML = "Data Anda";
sumber
document.body.innerHTML += "Your data" + "<br/>"; document.body.innerHTML += "Even more data" + "<br/>";
Dengan ES6 trik bisa jadi
Tambahkan saja
dalam HTML
sumber
Berikut satu alternatif: http://jsfiddle.net/skibulk/erh7m9og/1/
sumber
Hanya untuk menambahkan sesuatu yang mungkin berguna bagi beberapa orang ....
Jika Anda menambahkan konsol debugger seperti yang ditunjukkan di atas, Anda dapat mengakses ruang lingkup dengan menjalankan ini:
scope = angular.element (document.querySelector ('[ng-controller = MyCtrl]')). scope ();
Saya menemukan memeriksa ruang lingkup secara langsung lebih mudah daripada console.log, alert (), dll.
sumber
Jika Anda menggunakan JSfiddle, Anda dapat menggunakan perpustakaan ini: https://github.com/IonicaBizau/console.js
Tambahkan rawgit of the lib ke sumber jsfiddle Anda:
https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js
Maka Anda bisa menambahkan ini dalam HTML:
<pre class="console"></pre>
Inisialisasi konsol di JS Anda:
ConsoleJS.init({selector: "pre.console"});
Contoh Penggunaan: Lihat di jsfiddle
sumber
Gunakan
alert()
fungsinya:sumber