kesme noktası mı?

Question

Bir javascript etiketine sahip bir .CSHTML dosyanız var. Bu komut dosyası etiketinde birkaç satırlık javascript var. Javascript'in ilk satırı @ViewBag'daki bir özelliğe karşılık gelir. Diğer tüm javascript satırları, MVC ile ilgili referanslar olmaksızın düz komut dosyasıdır.

Gözlem: Bu javascript çizgilerinin her birine kesme noktaları (Visual Studio 2015) yerleştirebilirim. Bununla birlikte, tüm kesme noktaları, @ViewBag referansıyla (bu özel satırın merkezde beyaz bir noktaya sahip olmadığı) EXCEPT için kesme noktası sembolünün merkezinde (kırmızı daire) beyaz nokta vardır.

Sadece beyaz noktanın çalışma zamanında vurulmadan kırılma noktası görünüyor.

Soru: Birisi burada neler olduğunu açıklayabilir mi? Beyaz nokta ne anlama geliyor? Düz kırmızı kesme noktası neden kesme noktasını atan tek çizgidir?

Answer 1

Visual Studio hata ayıklayıcısı, gerçekte istemci tarafı Javascript'in aksine .cshtml dosyanızdaki gerçek sunucu tarafı kodunu ayıklamanızı bekler.

IIRC, Visual Studio, Internet Explorer'da (ve muhtemelen Edge'de) beklendiği gibi Javascript kodunda hata ayıklamanıza izin verir, ancak diğer tarayıcılarda, ya üçüncü taraf aracını veya Geliştirici Araçları'nı (F12) kullanmak isteyebilirsiniz. senin tarayıcın.

Kolayca bir yaklaşım, kodunuza yerleştirebileceğiniz ve Geliştirici Araçları açıkken (sadece F12'ye basıp sayfanızı yenileyin) Javascript'in debugger anahtar sözcüğünden faydalanabilirsiniz. Bu bir kesme noktası vuracak ve tarayıcı Tahmin edebileceğiniz gibi sizin kod adım sağlayacaktır:

function doWork(){ 
    // Ensure that this line is hit with the Developer Tools open in your 
    // browser 
    debugger; 
    // Do work here 
}