Bagaimana cara membuka konsol JavaScript di berbagai browser?

78

Browser web menyediakan konsol JavaScript sebagai bagian dari alat pengembang mereka. Konsol ini bermanfaat karena alasan berikut:

  • Kesalahan dan peringatan yang terjadi pada halaman web masuk ke konsol.
  • Perintah JavaScript untuk berinteraksi dengan halaman web dapat dijalankan di konsol.

Apa pintasan keyboard untuk membuka konsol di browser yang berbeda?

web-development javascript browsers debug Šime Vidas
sumber
Saya pergi dan membuat tinyurl yang menghubungkan di sini, jadi jika Anda perlu menginstruksikan audiens orang browser yang bervariasi untuk membuka konsol javascript mereka ... tinyurl.com/jscons
MalcolmOcean

Jawaban:

65

Chrome

Membuka panel "Konsol" di DevTools Chrome :

  • Windows dan Linux: Ctrl+ Shift+J

  • OS Mac: Cmd+ Opt+J

Catatan: Selain panel "Konsol", ada juga konsol slide-up yang lebih kecil yang dapat diaktifkan melalui Escsaat salah satu panel lain aktif.

Dokumentasi lengkap

Firefox

Membuka panel "Konsol" di Alat Pengembang Firefox :

  • Windows: Ctrl+ Shift+K

  • OS Mac: Cmd+ Opt+K

Catatan: Selain panel "Konsol", ada juga konsol slide-up yang lebih kecil yang dapat diaktifkan melalui Escsaat salah satu panel lain aktif.

Dokumentasi lengkap

Internet Explorer

Membuka panel "Konsol" di Alat Pengembang F12 Internet Explorer :

  • F12, lalu klik pada tab "Konsol"

Catatan: Selain panel "Konsol", ada juga konsol slide-up yang lebih kecil yang dapat diaktifkan melalui Ctrl+ `saat salah satu panel lainnya aktif.

Dokumentasi lengkap

Safari

Catatan: Untuk dapat melihat konsol di Safari, Anda harus mengaktifkan pengaturan "Tampilkan menu di bilah menu" di panel "Advanced" preferensi Safari ( tangkapan layar ).

Membuka panel "Konsol" di Inspektur Web Safari :

  • Cmd+ Opt+C

Catatan: Selain panel "Konsol", ada juga konsol slide-up yang lebih kecil yang dapat diaktifkan melalui Escsaat salah satu panel lain aktif.

Dokumentasi lengkap

Opera

  • Windows dan Linux: Ctrl+ Shift+I
  • Mac: ⌘+ ⌥+I

Dokumentasi lengkap

Šime Vidas
sumber
1
Di Firefox, ini dapat dibuka di jendela terpisah (dan bersifat global - tidak hanya untuk tab saat ini) dengan menu Alat → Pengembang Web → Browser Console .
Peter Mortensen
F12 berfungsi di banyak browser.
Álvaro González
11

Untuk secara tidak langsung mencapai Konsol di Opera (dicentang pada v9.6) pintasannya adalah Ctrl+ Shift+ isedangkan pada Safari 5 (pada Windows) itu adalah Ctrl+ Alt+i

Saya berharap semua pembuat browser dapat bersama-sama membakukan pintasan keyboard .

Pembaruan: Tampaknya tab REPL di bawah tab Skrip di Opera Dragonfly di Opera 11 mirip dengan opsi Konsol yang tersedia di versi Opera sebelumnya.

Saya tidak menemukan banyak dokumentasi tentang REPL setelah pencarian sepintas, kecuali untuk artikel ini yang memiliki referensi tidak langsung.

Saya mencoba perintah ini di REPL dengan halaman beranda Google terbuka & dieksekusi dengan baik yaitu menyembunyikan logo Google - document.getElementById ('logo'). Style.visibility = 'hidden';

mvark
sumber
CTRL + SHIFT + Saya akan membuka alat dev di Opera. Tapi di mana konsol JavaScript? Di mana saya bisa memasukkan kode JavaScript dan menjalankannya?
Šime Vidas
CTRL + ALT + Saya tidak melakukan apa pun di Safari 5 pada Windows 7. Dapatkah Anda mengonfirmasi bahwa itu berfungsi?
Šime Vidas
Itu bisa jadi karena Anda tidak mengaktifkan opsi menu Kembangkan. Untuk mengaktifkan opsi ini, buka Edit> Preferensi & di tab Lanjut aktifkan opsi kotak centang "Tampilkan menu di bilah menu".
mvark
Itu masalah saya. Apple yang bodoh menonaktifkan fitur pengembang secara default. :)Terima kasih.
Šime Vidas
Ya itu dia. Saya mengabaikan tab REPL di bagian bawah LOL
Šime Vidas