Google Chrome hata ayıklayıcısında JavaScript kodundan geçerken, devam etmek istemiyorsam komut dosyası yürütmeyi nasıl sonlandırabilirim? Bulduğum tek yol tarayıcı penceresini kapatmak.

"Bu sayfayı yeniden yükle" düğmesine basmak kodun geri kalanını çalıştırır ve hatta formları F8 "Devam" düğmesine basmış gibi gönderir.

GÜNCELLEME :

Bir komut dosyası duraklatılmış durumdayken F5'e (Yenile) basarken:

• Google Chrome (v22) komut dosyasını çalıştırır. Komut dosyası HTTP isteğini gönderirse, bu istek için HTTP yanıtı görüntülenir. Orijinal sayfa yenilenmez.
• IE 9 sadece donuyor. Ancak IE, (daha önce F5'e basmamanız koşuluyla) komut dosyasını hata ayıklayıcı dışında çalıştırmaya devam eden "Hata Ayıklamayı Durdur" seçeneğine sahiptir.
• Firebug, Chrome ile aynı şekilde çalışır.

Tarayıcı penceresinin kapatılıp yeniden açılması her zaman bir sonraki en kolay yol değildir çünkü tarayıcı oturum durumunu öldürür ve bu önemli olabilir. Tüm kesme noktalarınız da kaybolur.

GÜNCELLEME (Oca 2014) :

Hata ayıklama sırasında yenile:

• Chrome v31: komut dosyalarının çalışmasına izin verir ve daha fazla kesme noktasında durur (ancak ajax istekleri göndermez), ardından yeniler.
• IE 11: refresh hiçbir şey yapmaz, ancak devam etmek için F5 tuşuna basabilirsiniz.
• Firefox v26: komut dosyalarının çalışmasına izin verir, ancak daha fazla kesme noktasında durmaz, ajax isteklerini gönderir, sonra yeniler.

Bir tür ilerleme!

Hata ayıklama sırasında aynı sayfaya gidin:

• Chrome v31: Yenile ile aynı.
• IE 11: komut dosyaları sonlandırılır, yeni tarayıcı oturumu başlatılır (kapatma ve yeniden açma ile aynı).
• Firefox v26: hiçbir şey olmuyor.

Ayrıca juacala etkili bir çözüm önerdi. Örneğin, jQuery kullanıyorsanız, herhangi bir jQuery yöntemi ile karşılaşıldığında delete $ komutunun konsoldan çalıştırılması durdurulur. Yukarıdaki tüm tarayıcılarda test ettim ve çalıştığını onaylayabilirim.

GÜNCELLEME (Mar 2015) :

Son olarak, 2 yıldan fazla ve neredeyse 10 bin görüntülemeden sonra, Alexander K tarafından doğru cevap verildi. Google Chrome'un, bir sekme işlemini olmadan öldürebilen kendi Görev Yöneticisi vardır bozulmamış tüm kesme noktaları ve diğer şeyler tutarak sekme kendisi kapanış.

Hatta Chrome v22'de test etmek için BrowserStack.com'a kadar gittim ve bunun o zaman bile bu şekilde çalıştığını buldum.

Juacala'nın geçici çözümü IE veya Firefox'ta hata ayıklama sırasında hala yararlıdır.

GÜNCELLEME (Oca 2019) :

Chrome Dev Tools nihayet güzel (biraz gizli olsa da) komut dosyası yürütmeyi durdurmak için uygun bir yol ekledi. Ayrıntılar için James Gentes'in cevabına bakınız.

Chrome'da Shift+ ESCveya üzerinden erişilebilen "Görev Yöneticisi" var

Menü → Diğer Araçlar → Görev Yöneticisi

Sayfa görevinizi seçip "İşlemi Sonlandır" düğmesine basarak bitirebilirsiniz.

Nisan 2018 itibarıyla, Chrome'da sonsuz döngüleri durdurabilirsiniz :

1. Geliştirici Araçları'nda Kaynaklar panelini açın ( Ctrl+ Shift+ I**).
2. Kod yürütmesini duraklatmak için Duraklat düğmesine tıklayın .

Ayrıca kısayol tuşlarına da dikkat edin: F8ve Ctrl+\

Bunu yapmanın bir yolu betiği duraklatmaktır, şu anda durduğunuz yerde hangi kodun takip edildiğine bakın, örneğin:

var something = somethingElse.blah;

Konsolda aşağıdakileri yapın:

delete somethingElse;

Sonra komut dosyasını oynatın: erişmeye çalıştığında ölümcül bir hataya neden olur somethingElseve komut dosyası ölür. Voila, senaryoyu sonlandırdın.

EDIT: Aslında bir değişkeni sildim. Yeterince iyi değil. JavaScript'in bir özelliğe erişmeye çalıştığı bir işlevi veya nesneyi silmeniz gerekir.

2020 Nisan güncellemesi

Chrome 80'den itibaren, mevcut yanıtların hiçbiri işe yaramıyor. Görünür bir "Duraklat" düğmesi yoktur - Durdur simgesine erişmek için "Oynat" düğmesini uzun tıklamanız gerekir:

İfadeyi kullanırken bununla karşılaşıyorsanız debugger,

debugger;

... o zaman js çalışma zamanı verene veya bir sonraki molaya kadar sayfa sonsuza kadar çalışmaya devam edeceğini düşünüyorum. Hata kırılma modunda olduğunuzu varsayarsak (duraklatma simgesi geçişi), bunun gibi bir şey yaparak bir ara verilmesini sağlayabilirsiniz:

debugger;throw 1;

veya var olmayan bir işlevi çağırabilir:

debugger;z();

(Tabii ki bu işlevler arasında adım atmaya çalışıyorsanız, belki de dinamik olarak bir throw 1veyaz() ya Kaynakları panelinde somesuch, ctrl-S kaydetmek için, ve sonra ctrl-R ... Bu yenilemek için ancak bir kesme noktasını atlayabilir, ancak bir döngüdeyseniz çalışabilir.)

Bir döngü yapıyorsanız ve debuggerifadeyi tekrar tetiklemeyi düşünüyorsanız, throw 1bunun yerine yazmanız yeterlidir.

throw 1;

Sonra ctrl-R'ye bastığınızda, sonraki atış vurulur ve sayfa yenilenir.

(Chrome v38 ile test edildi, Nisan 2017 dolaylarında)

Güzel soru burada. Senaryoyu yürütmeyi sonlandıramayacağınızı düşünüyorum. Daha önce hiç aramadığım halde, krom hata ayıklayıcıyı uzun süredir işte kullanıyorum. Genellikle javascript kodumda kesme noktaları ayarlamak ve sonra ilgilendiğim kod kısmı hata ayıklama. Bu kodda hata ayıklama bitirdiğimde, genellikle sadece programın geri kalanını çalıştırın veya tarayıcı yenileyin.

Komut dosyasının geri kalanının yürütülmesini önlemek istiyorsanız (örneğin, yapılacak AJAX çağrıları nedeniyle) yapabileceğiniz tek şey, bu kodu anında konsolda kaldırmak, böylece bu çağrıları önlemek idam edilmekten , o zaman sorunsuz kalan kod yürütebilir.

Umarım bu yardımcı olur!

Not: Aşağıdaki gibi bazı öğreticiler / rehberlerde yürütmeyi sonlandırmak için bir seçenek bulmaya çalıştım, ancak bulamadım. Daha önce söylediğim gibi, muhtemelen böyle bir seçenek yoktur.

http://www.codeproject.com/Articles/273129/Beginner-Guide-to-Page-and-Script-Debugging-with-C

http://www.nsbasic.com/app/tutorials/TT10.htm

Aşağıdakilere @scottndecker verdiği yanıta atıfta soruya , krom şimdi Geliştirici Araçları altında 'devre dışı JavaScript' seçeneği sağlar:

• ...Sağ üstte dikey
• Ayarlar
• 'Tercihler' altında, en alttaki 'Hata Ayıklayıcı' bölümüne gidin ve 'JavaScript'i devre dışı bırak' seçeneğini belirleyin

İyi bir şey, sadece kontrol / işaretini kaldırarak durup tekrar çalıştırabilmenizdir.

Bunu yapabilirsiniz, ancak önce kodunuzu hazırlamanız gerekir.

Google Chrome Geliştirme Araçları'nda komut dosyası yürütülmesini durdurma talimatları:

(1) Önce global bir değişken oluşturarak kodunuzu hazırlayın :

var devquit=0;
$(document).ready({
    //the rest of your code

(2) Çıkmak isteyebileceğiniz herhangi bir yer, bu değişkenin değerini test edin:

//Lotsa code
if (devquit > 0) return false;

(3) Yukarıdaki test satır (lar) ında veya öncesinde komut dosyasının yürütülmesini duraklat

(4) Konsola geç

(5) Türü:

> devquit
0
> devquit=1   <=== only this line is necessary
> devquit
1

(6) Komut dosyasının yürütülmesine devam edin. Komut dosyası, return falseyukarıdaki adım (2) 'den testi gerçekleştirdiğinde çalışır

Notlar:

(A) Bu hile global değişkenler ve nesnelerle çalışır, ancak yerel değişkenlerle çalışmaz. Bunun:
newVar = 'never used before';
pencere nesnesinin yeni bir özelliğini oluşturduğunu unutmayın (yukarıdaki hile ile çalışır), bununla birlikte:
var newVar = 'never used before';
yerel bir değişken oluşturur (yukarıdaki hile ile çalışmaz!)

(B) Öyleyse, hala kod zaten çalışan ile bu hileyi kullanabilirsiniz eğer bir değişkeniniz varsa veya belirli bir değere sahipse false döndürecek bir nesneniz .

(C) Bir tutamda, juacala'nın hünerini kullanabilir ve bir javascript hatasına neden olacak DOM'dan (öğeler sekmesinde) bir öğe silebilirsiniz. Örneğin, kodunuz olduğunu varsayalım Bu kod satırından önce var cartype = $('#cartype').val();ID = olan öğeyi silerseniz cartype, js bu satırda kesilir. Ancak, kodu yeniden çalıştırmayı denediğinizde öğe yine de eksik olacaktır. Yukarıda açıklanan hile, kod reklam sonsuzunu çalıştırmanıza ve yeniden çalıştırmanıza olanak tanır .

Diğer notlar:

(a) Kod içine kesme noktası ekleyin: sadece debugger;kendi başına bir satır yazın . DevTools açıksa, komut dosyası bu noktada hata ayıklayıcıya atlar. DevTools açık değilse, kod deyimi yok sayar.

(b) Kod hatalarını ayıklarken jQuery kitaplığına atlamaktan kaçınmak ister misiniz? Kara kutu. Chrome için blackbox talimatlarına bakın - veya Firefox için -

Şükran (lütfen ziyaret edin ve oy verin):

Javascript Google Chrome kullanarak satır satır hata ayıklama

Google Chrome'da hata ayıklama sırasında javascript değişken değerlerini değiştirmek mümkün müdür?

Bu tür senaryolarda hata ayıklama sırasında çok yararlı bulduğum herhangi bir XHR desenini duraklatabilirsiniz.

Örneğin, "/" içeren bir URL kalıbında kesme noktası verdim

Bir dolandırıcılık döngünüz varsa, kodu Google Chrome hata ayıklayıcısında (küçük "|| Kaynaklar sekmesindeyken " düğmesi) .

Chrome'un kendisine geri dönün, "Görev Yöneticisi" ni açın ( Shift+ESC ) açın, sekmenizi seçin, "İşlemi Sonlandır" düğmesini tıklayın.

Aww Snap mesajını alırsınız ve sonra yeniden yükleyebilirsiniz ( F5).

Diğerlerinin de belirttiği gibi, sayfayı duraklama noktasında yeniden yüklemek, haydut döngüsünü yeniden başlatmakla aynıdır ve hata ayıklayıcı da kilitlenirse kötü kilitlenmelere neden olabilir (bazı durumlarda kromun veya PC'nin yeniden başlatılmasına neden olur). Hata ayıklayıcı bir "Durdur" düğmesine ihtiyaç duyar. Not: Kabul edilen cevap güncel değil, çünkü bazı yönleri şimdi yanlış görünüyor. Bana oy verirsen, lütfen açıkla :) .

'Geliştirici Araçları' içindeki kaynak sekmesini açın, çalışan bir komut dosyasında bir satır numarasını tıklayın, bu bir kesme noktası oluşturur ve hata ayıklayıcı orada kırılır.

Bu yazıda yukarıda belirtildiği gibi bu soruna birçok uygun çözüm vardır, ancak ben komut dosyasına yerleştirilebilir veya bunu elde etmek için Chromes konsolunda (hata ayıklayıcı) yapıştırılabilir küçük bir kesmek bulduk:

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

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