it-swarm-tr.com

JavaScript hata ayıklayıcısını Google Chrome'da nasıl başlatırsınız?

Google Chrome kullanırken, bazı JavaScript kodlarında hata ayıklamak istiyorum. Bunu nasıl yapabilirim?

397
Kevin Driedger

Pencereler: CTRL-SHIFT-J OR F12

Mac: --J

Ayrıca İngiliz anahtarı menüsü üzerinden de erişilebilir (Araçlar> JavaScript Konsolu):

JavaScript Console Menu

307
John Sheehan

Bunu kaynağınıza eklemeyi deneyin:

debugger;

Tüm tarayıcılar olmasa da çoğu çalışır. Sadece kodunuzda bir yere yerleştirin ve bir kesme noktası gibi davranacaktır.

387
Omer van Kloeten

Windows ve Linux:

Ctrl + Shift + I Geliştirici Araçları'nı açma tuşları

Ctrl + Shift + J Geliştirici Araçları'nı açmak ve odağı Konsola getirmek için.

Ctrl + Shift + C Eleman İnceleme modunu değiştirmek için.

Mac:

 +  + I Geliştirici Araçları'nı açma tuşları

 +  + J Geliştirici Araçları'nı açmak ve odağı Konsola getirmek için.

 +  + C Eleman İnceleme modunu değiştirmek için.

Kaynak

Diğer kısayollar

54
user629309

Basın F12 JavaScript hata ayıklayıcısını başlatmak için Chrome tarayıcıdaki işlev tuşuna basın ve ardından "Komut Dosyaları" seçeneğini tıklayın.

Üstteki JavaScript dosyasını seçin ve kesme noktasını JavaScript kodunun hata ayıklayıcısına yerleştirin.

14
Balachandar P

Ctrl + Shift + J Geliştirici Araçları'nı açar.

11
Senyai

Mac’te Chrome 8.0.552’de bunu Görünüm/Geliştirici/JavaScript Konsol ... menüsünde bulabilirsiniz veya kullanabilirsiniz. Alt+CMD+J.

6
Primc

Burada, geliştirici araçlarına erişmek için kısayolları bulabilirsiniz.

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

5
hernanvicente

Shift + Control + I Geliştirici aracı penceresini açar. Sol alttan ikinci görüntü (aşağıdakine benzer) sizin için konsolu açacak/gizleyecektir:

Show Console

2
Premanshu

Özel ‘Konsol’ panelini açmak için şunlardan birini yapın:

  • Klavye kısayollarını kullanın
    • Windows ve Linux'ta: Ctrl + Shift + J
    • Mac’te: Cmd + Option + J
  • Chrome Menüsü simgesini seçin, menü -> Diğer Araçlar -> JavaScript Konsolu . Veya Chrome Geliştirici Araçları zaten açıksa press ‘Konsol’ sekmesini kullanın.

Lütfen bakın burada

2
Venkat

Mac kullanıcıları için, Google Chrome'a ​​gidin -> menü Görünüm -> Geliştirici -> JavaScript Konsol.

Screenshot

1
Neo123

Şimdi google chrome yeni bir özellik sundu. Bu özelliği kullanarak kodunuzu krom göz atma düzeninde düzenleyebilirsiniz. (Kod konumunda kalıcı değişiklik)

Bunun için F12 -> Kaynak Sekmesi - (sağ taraf) -> Dosya Sistemi - tuşlarına basın, lütfen kod yerinizi seçin. ve sonra krom tarayıcı sizden izin isteyecek ve bu koddan sonra yeşil renk ile batacaktır. ve kodunuzu değiştirebilirsiniz; ayrıca kod konumunuzu da yansıtacaktır (Kalıcı değişecek demektir)

Teşekkürler

1
stackinfostack

Javascript hata ayıklayıcısına ulaşmanın en etkili yolu şunu çalıştırmaktır:

chrome://inspect

0
Nestor Urquiza