Chrome'daki koddan bir JavaScript kesme noktası nasıl ayarlanır?

Chrome hata ayıklayıcısını kodla bir satıra veya başka bir şey gibi yorum etiketi kullanarak kırmaya zorlamak istiyorum console.break().

debugger;Kodunuz içinde kullanabilirsiniz . Geliştirici konsolu açıksa, yürütme kesilir. Firebug'da da çalışır.

Bir düğme tıklama dinleyicisi ayarlayın ve debugger;

Misal

$("#myBtn").click(function() {
 debugger;   
});

gösteri

http://jsfiddle.net/hBCH5/

JavaScript'te hata ayıklama kaynakları

• http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/
• http://berzniz.com/post/78260747646/5-javascript-debugging-tips-youll-start-using-today

Ayrıca , çağrıldığında debug(function)kırmak için de kullanabilirsiniz function.

Komut Satırı API Referansı: hata ayıklama

Diğerlerinin söylediği gibi, debugger;gitmenin yolu budur. İşlev çağrısından hemen önce kesme noktasını ayarlamak ve kaldırmak için tarayıcıdaki komut satırından kullanabileceğiniz küçük bir komut dosyası yazdım: http://andrijac.github.io/blog/2014/01/31/javascript-breakpoint/

"Komut Dosyaları" sekmesinde kodunuzun bulunduğu yere gidin. Satır numarasının solunda simgesini tıklayın. Bu bir kesme noktası belirler.

Ekran görüntüsü:

Daha sonra kesme noktalarınızı sağ sekmede takip edebilirsiniz (ekran görüntüsünde gösterildiği gibi).

debugger EcmaScript tarafından ayrılmış bir anahtar kelime ve ES5'ten beri isteğe bağlı anlambilim

Sonuç olarak, yalnızca Chrome'da değil, aynı zamanda Firefox ve Node.js aracılığıyla da kullanılabilirnode debug myscript.js .

Standart diyor :

Sözdizimi

DebuggerStatement :
    debugger ;

semantik

DebuggerStatement üretiminin değerlendirilmesi, bir uygulamanın bir hata ayıklayıcı altında çalıştırıldığında bir kesme noktasına neden olmasına izin verebilir. Bir hata ayıklayıcı yoksa veya etkin değilse, bu ifadenin gözlemlenebilir bir etkisi yoktur.

Üretim DebuggerStatement: debugger; aşağıdaki gibi değerlendirilir:

1. Uygulama tanımlı bir hata ayıklama olanağı varsa ve etkinleştirilirse,
   1. Uygulama tanımlı bir hata ayıklama eylemi gerçekleştirin.
   2. Sonuç, bir uygulama tanımlı Tamamlama değeri olsun.
2. Başka
   1. Sonuç olsun (normal, boş, boş).
3. Sonuç.

ES6'da değişiklik yok.

Bu mümkündür ve bunu yapmak isteyebileceğiniz birçok neden vardır. Örneğin, sayfanın yüklenmesinin başlangıcına yakın olan ve krom geliştirici araç setinin (veya kundaklama çubuğunun) doğru yüklenmesini engelleyen bir javascript sonsuz döngüsünde hata ayıklama.

Bkz.

http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/

ya da kodunuza gerekli test noktasında hata ayıklayıcı kelimesini içeren bir satır ekleyin.

Kesme noktası: -

kesme noktası yürütmeyi durdurur ve JavaScript değerlerini incelemenize izin verir.

Değerleri inceledikten sonra kodun yürütülmesine devam edebilirsiniz (genellikle oynat düğmesiyle).

Hata ayıklayıcı: -

Hata ayıklayıcı; JavaScript'in çalışmasını durdurur ve hata ayıklama işlevini çağırır.

Hata ayıklayıcı deyimi yürütmeyi askıya alır, ancak hiçbir dosyayı kapatmaz veya değişkenleri temizlemez.

Example:-
function checkBuggyStuff() {
  debugger; // do buggy stuff to examine.
};

debug(functionName)Hata ayıklama işlevlerini de ayarlayabilirsiniz .

https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#function

JavaScript kodunda hata ayıklamanın birçok yolu vardır. JavaScript ile hata ayıklamak için aşağıdaki iki yaklaşım yaygın olarak kullanılmaktadır

1. console.log()Tarayıcı konsolundaki değerleri yazdırmak için kullanma . (Bu, kodunuzun belirli noktalarındaki değerleri anlamanıza yardımcı olacaktır)

2. Hata ayıklayıcı anahtar kelimesi. debugger;Hata ayıklamak istediğiniz konumlara ekleyin ve tarayıcının geliştirici konsolunu açın ve kaynaklar sekmesine gidin.

JavaScript Kodunda hata ayıklamak için daha fazla araç ve yol için, bu bağlantıda W3School tarafından verilmiştir .

Ben tavsiye etmem debugger;sadece öldürmek ve javascript kodu durdurmak istiyorsanız, çünkü debugger;sadece geçici olarak sizin javascript kodu dondurmak ve kalıcı durdurmak olmaz.

Komutunuzda javascript kodunu düzgün bir şekilde öldürmek ve durdurmak istiyorsanız aşağıdakileri kullanın:

throw new Error("This error message appears because I placed it");