it-swarm-id.com

Bagaimana Anda meluncurkan debugger JavaScript di Google Chrome?

Saat menggunakan Google Chrome, saya ingin men-debug beberapa kode JavaScript. Bagaimana saya bisa melakukan itu?

397
Kevin Driedger

Windows: CTRL-SHIFT-J OR F12

Mac: --J

Juga tersedia melalui menu perkakas (Alat> Konsol JavaScript):

JavaScript Console Menu

307
John Sheehan

Coba tambahkan ini ke sumber Anda:

debugger;

Ini berfungsi di sebagian besar, jika tidak semua browser. Tempatkan saja di suatu tempat dalam kode Anda, dan itu akan bertindak seperti breakpoint.

387
Omer van Kloeten

Windows dan Linux:

Ctrl + Shift + I kunci untuk membuka Alat Pengembang

Ctrl + Shift + J untuk membuka Alat Pengembang dan membawa fokus ke Konsol.

Ctrl + Shift + C untuk mengaktifkan mode Inspect Element.

Mac:

 +  + I kunci untuk membuka Alat Pengembang

 +  + J untuk membuka Alat Pengembang dan membawa fokus ke Konsol.

 +  + C untuk mengaktifkan mode Inspect Element.

Sumber

Pintasan lainnya

54
user629309

Tekan F12 tombol fungsi di browser Chrome untuk meluncurkan debugger JavaScript dan kemudian klik "Script".

Pilih file JavaScript di atas dan tempatkan breakpoint ke debugger untuk kode JavaScript.

14
Balachandar P

Ctrl + Shift + J membuka Alat Pengembang.

11
Senyai

Di Chrome 8.0.552 pada Mac, Anda dapat menemukan ini di bawah menu Lihat/Pengembang/Konsol JavaScript ... atau Anda dapat menggunakan Alt+CMD+J.

6
Primc

Di sini, Anda dapat menemukan pintasan untuk mengakses alat pengembang.

https://developer.chrome.com/devtools/docs/shortcuts

5
hernanvicente

Shift + Control + I membuka jendela alat Pengembang. Dari gambar kiri bawah kedua (yang terlihat seperti berikut) akan membuka/menyembunyikan konsol untuk Anda:

Show Console

2
Premanshu

Untuk membuka panel ‘Konsol’ khusus, baik:

  • Gunakan pintasan keyboard
    • Di Windows dan Linux: Ctrl + Shift + J
    • Di Mac: Cmd + Option + J
  • Pilih ikon Menu Chrome, menu -> Alat Lainnya -> Konsol JavaScript . Atau jika Alat Pengembang Chrome sudah terbuka, press tab ‘Konsol’.

Silakan merujuk di sini

2
Venkat

Untuk pengguna Mac, buka Google Chrome -> menu View -> Developer -> Konsol JavaScript.

Screenshot

1
Neo123

Sekarang google chrome telah memperkenalkan fitur baru. Dengan Menggunakan fitur ini Anda dapat mengedit kode Anda di penelusuran chrome. (Perubahan permanen pada lokasi kode)

Untuk itu Tekan F12 -> Tab Sumber - (sebelah kanan) -> Sistem File - di dalamnya silakan pilih lokasi kode Anda. dan kemudian browser chrome akan meminta Anda izin dan setelah itu kode akan tenggelam dengan warna hijau. dan Anda dapat mengubah kode Anda dan itu juga akan mencerminkan lokasi kode Anda (Itu berarti akan berubah secara permanen)

Terima kasih

1
stackinfostack

Cara paling efisien yang saya temukan untuk mendapatkan debugger javascript adalah dengan menjalankan ini:

chrome://inspect

0
Nestor Urquiza