Kod yürütme işlemini duraklatmak için Chrome klavye kısayolu


48

Google Chrome'da komut dizisinin yürütülmesini durduracak bir klavye kısayolu var mı? ( ||Geliştirici Araçları Komut Dosyaları panelinde "Komut yürütme işlemini duraklat" düğmesine basmaya eşdeğerdir .)

Bir öğeyi fare biçiminde incelemek için Geliştirme Araçları'nı kullanmak istiyorum; mouseleavekod Açıkçası ben aslında duraklama düğmesine tıklayın denerseniz çalışacak!

Yanıtlar:


56

Bu sorunun tam çözümünü bulamadığım halde, hedefime ulaşmak için bir sayfaya (veya Javascript konsoluna yapıştırılabilir) yerleştirilebilecek bir astar kullandım:

jQuery(window).keydown(function(e) { if (e.keyCode == 123) debugger; });

Bu, vurduğunuzda yürütmenin duraklatılmasına neden olur F12.

( debuggerbir kesme noktasını zorlayan bir JavaScript ifadesidir.)


Güncelleme: Dev Tools'un birçok yerleşik kısayolu vardır ( F1bir liste için basın ), ancak çalışması için Dev Tools penceresinde odaklanmanız gerekir. Komut dosyası yürütülmesini duraklatma F8(Chrome 45'ten itibaren Kaynaklar sekmesine bakarken) veya Ctrl+ /.

Duraklatmadan önce sayfada odaklanmış kalmanız gerekirse, yukarıdaki tek astar yine de yararlı olabilir.


6
F8 sadece DevTools (Chrome 40) 'ta "Kaynaklar" sayfasındayken çalışır
netvope

1
CTRL + / Linux altında mı çalışıyor? Çünkü CTRL + \ Windows altında çalışıyor gibi görünüyor ve diğerlerine göre MAC için CMD + \ olacaktı.
djabraham

1
Aynı etki ancak jQuery gerektirmeden:window.addEventListener('keydown', e => { if (e.keyCode === 123) debugger })
pau.moreno

Bazen olay kısayol tuşları incelemek istediğiniz öğeyi kapatır, setTimeout(function() { debugger; }, 1000)burada yardımcı olur
cyptus

14

Google'ın Klavye Kısayolları "Komut yürütme işlemini duraklatma / sürdürme" için referans listeleri:

  • F8veya Ctrl+ \(Windows)
  • F8veya Cmd+ \(Mac)

Vurgulu veya etkin gibi tuhaf durumlardaki şeyleri denetlemenin daha kolay yolları vardır. İlk önce, DOM düğümünü Chrome Dev Tools'un Elements bölmesinde bulun. Şimdi düğüme sağ tıklayıp içerik menüsünden "Zorlama Elemanı Durumu" na bakabilir veya düğümü seçip Stiller sekmesine bakıp sağ üstte fare imleci olan kesikli kutuyu işaretleyebilirsiniz. ( element.styleseçtiğiniz öğeye yeni bir CSS kuralı eklemenizi sağlayan + / plus simgesinin yanında ).

Bu durumlardan birini etkinleştirdiğinizde, öğeler bölmesinin sol kenar boşluğu, o satırdaki öğenin doğal durumunu geçersiz kıldığınızı belirtmek için küçük bir daire alır.


3
F8 ana tarayıcı penceresinde, yalnızca Geliştirme Araçları penceresinde çalışmaz. Zorlama Elemanı Durumu'nu kullanmak, işleri yapan olayları (yalnızca CSS yerine) dinleyen bir komut dosyası olduğunda yardımcı olmaz.
josh3736 20:14

3
F8 ana tarayıcı penceresinde çalışır, ancak Dev Tools penceresinin arka planda Kaynak sekmesine açık olması gerekir.
16'da

8

Javascript çalışmasını duraklatmak için klavyenizdeki Duraklat düğmesine basmanıza izin veren küçük bir Chrome Uzantısı yazdım.

Nasıl alınır:

Kullanımı:

  1. Krom geliştirici araçlarını açık tutun
  2. Basın pause/breakklavyenizdeki

1
@Flu, Chrome Web Mağazası'na ekledim. Keyfini çıkarın
SpareBytes

Bu harika oldu - Duraklatmayı başardım, böylece HTML sayfasını dinamik olarak enjekte edebilirdim. Geliştirici Araçlarını kullanmak işe yaramadı çünkü HTML odağını kaybettiğinde kod tarafından kaldırıldı.
Kenny Evitt

Klavyemde "Duraklat / Ara" düğmesi bulunmadığından farklı bir tuşla eşlemem gerekiyordu. Benim için hemen belli olmayan şey, "Combo'yu Kaydet" düğmesini tıkladığınızda yeni tuş kombinasyonunu basılı tutmanız gerektiğidir.
Jasper Citi

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.