Terjemahan ini belum lengkap. Mohon bantu menerjemahkan artikel ini dari Bahasa Inggris.
Perintah-perintah
Baris perintah JavaScript yang disediakan oleh Web Console menawarkan beberapa fungsi pembantu yang membuat tugas-tugas tertentu lebih mudah.
$()
- Mengecek string pemilih CSS, pengulangan elemen pertama yang sama. Setara dengan
document.querySelector()
atau pemanggil fungsi $ pada halaman, jika tersedia. $$()
- Mengecek sebuah string pemilih CSS, mengulangi sebuah daftar dari DOM nodes yang sama. Sebuah shortcut untuk
document.querySelectorAll()
. - Sejak Firefox 41, methode ini bukan lagi sebuah shortcut untuk
document.querySelectorAll()
dan sebagai ganti pengembalian dari elemen array. $0
- Yang sedang diperiksa pada halaman.
$x()
- Mengevaluasi sebuah ekspresi XPath dan pengulangan dari array sebuah nodes yang sama.
keys()
- Memberi suatu objek, pengembalian sebuah daftar dari 'keys' (atau nama properti) pada objek tersebut. Kependekan untuk
Object.keys
. values()
- Memberi suatu objek, pengembalian sebuah daftar dari isi pada objek tersebut; menyajikan sebagai sebuah rekan untuk
keys()
. clear()
- Membersihkan output console.
inspect()
- Memberikan suatu objek, membuka pemeriksa objek untuk objek tersebut.
pprint()
- Format nilai yang ditentukan dalam cara yang mudah dibaca; ini berguna untuk membuang isi objek dan array.
help()
- Menampilkan bantuan. Sebenarnya, membawa Anda untuk menampilkan halaman ini
cd()
- Mengubah konteks evaluasi JavaScript ke sebuah iframe berbeda dalam halaman. Lihat bekerja dengan iframe (bahasa Inggris).
- Silakan merujuk ke API Konsol untuk informasi lebih lanjut tentang log dari konten.
Contoh
Example: Looking at the contents of a DOM node
Let's say you have a DOM node with the ID "title". In fact, this page you're reading right now has one, so you can open up the Web Console and try this right now.
Let's take a look at the contents of that node by using the $()
and inspect()
functions:
inspect($("#title"))
This automatically opens up the object inspector, showing you the contents of the DOM node that matches the CSS selector "#title", which is of course the element with ID "title".
Example: Dumping the contents of a DOM node
That's well and good if you happen to be sitting at the browser exhibiting some problem, but let's say you're debugging remotely for a user, and need a look at the contents of a node. You can have your user open up the Web Console and dump the contents of the node into the log, then copy and paste it into an email to you, using the pprint()
function:
pprint($("#title"))
This spews out the contents of the node so you can take a look. Of course, this may be more useful with other objects than a DOM node, but you get the idea.