kaedah konsol berguna lain

Kaedah dan

<code>console.count() Kaedah <code>console.countReset()

const extendedlabel = 'The Millenium Falcon Crew extended';
const meat = 'Humanoids';
const metal = 'Droids';
console.group(extendedlabel);
console.groupCollapsed(meat);
console.log('Leia');
console.log('Han');
console.log('Chewie');
console.log('Ben');
console.groupEnd(meat);
console.group(metal);
console.log('R2D2');
console.log('C3PO');
console.groupEnd(metal);
console.groupEnd(extendedlabel);

<code>console.time()

console.count('Chocula'); // Chocula: 1
console.count(); // default: 1
console.count('Chocula'); // Chocula: 2
console.countReset('Chocula'); 
console.count(); // default: 2 
console.count(); // default: 3
console.count('Chocula'); // Chocula: 1

memaparkan data JSON dalam jadual yang boleh disusun. <code>console.dir() <code>console.dirxml() <code>console.table() Ganti log dengan ekspresi masa nyata

Pemantauan yang kerap berubah nilai adalah tidak cekap. Ekspresi masa nyata dapat menyelesaikan masalah ini. Dayakan butang Mata dalam alat pemaju dan masukkan ungkapan JavaScript yang sah yang nilainya akan dipaparkan di atas konsol.

Sebagai contoh, masukkan <code>console.log() dan ungkapan akan memaparkan elemen yang diaktifkan sekarang di halaman.

Ekspresi masa nyata adalah tahan lama dan tidak ada kaitan dengan nama atau tapak domain tertentu. Ia perlu dikeluarkan selepas debugging selesai untuk mengelakkan kesilapan. <code>document.activeElement

Gunakan konsol untuk mengendalikan dokumen semasa

Konsol adalah repl yang membolehkan menulis dan melaksanakan JavaScript dan menggunakan ciri autocomplete untuk memahami kaedah dan sifat yang tersedia dari dokumen semasa.

• <code>$_: Simpan hasil perintah terakhir.
• <code><code> to
: Stack elemen yang paling baru diperiksa.
• <code>$() <code>$$() dan <code>document.querySelector(): disingkat dan <code>document.querySelectorAll() masing -masing.
• <code>$x(): Gunakan XPath untuk memilih elemen DOM.
• <code>copy(): Salin kandungan ke papan klip.
• <code>clear(): Kosongkan konsol.
• <code>getEventListeners(node): Senaraikan semua pendengar acara untuk nod.
• <code>monitorEvents(node, events): Memantau dan merakam peristiwa pada nod.
• <code>monitor(method): Mewujudkan item log apabila memanggil kaedah.

dari konsol ke panel sumber

persekitaran satu baris konsol had penulisan kod. Skrip berbilang baris boleh ditulis menggunakan Shift Enter. Panel Sumber menyediakan persekitaran penyuntingan skrip yang lebih kuat.

menu perintah alat pemaju

Menu Perintah (CTRL Shift P atau Cmd Shift P) membolehkan akses kepada semua fungsi alat pemaju melalui papan kekunci.

coretan kod

Coretan kod adalah cara yang mudah untuk menyimpan skrip yang berinteraksi dengan dokumen. Mereka mempunyai cara yang mudah untuk mengakses dokumen dan konsol penyemak imbas yang dibuka sekarang.

liputan

Overwrite adalah salinan tempatan fail jauh. Alat pemaju pelayar menggantikan fail jauh dengan salinan tempatan, menjadikannya lebih mudah untuk mengedit helaian gaya laman web atau melakukan ujian prestasi.

ruang kerja: Tugas Pembangunan dan Debugging segerak

Ruang kerja membolehkan menambah folder projek ke alat pemaju, menyegerakkan alat pemaju dan editor.

devtools untuk vs code extension

Langkah seterusnya

JavaScript Debugging Silder FAQ

Atas ialah kandungan terperinci Beyond Console.log () - Tahap kemahiran debug anda. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!