Někdy existuje kmenový přístup k tomu, jak by weboví vývojáři měli ladit svůj kód a řešit problémy. Je tam console.log loajální, pak jsou tu maximalisté debugger/breakpoint. Pracoval jsem na ladicím programu Firefox DevTools roky a mohu vám říci svou filozofii – použijte jakýkoli nástroj, který vám pomůže dokončit práci!
Používám console.log pro velmi jednoduché problémy, jindy, když chci auditní stopu, mohu analyzovat po sérii událostí, abych zjistil problém a podělil se s ostatními. Body přerušení používám, když chci zastavit provádění, abych viděl hodnoty a vizuální stav uživatelského rozhraní. Jedním z nástrojů, který můžete použít k získání toho nejlepšího z obou světů, jsou logpoints, mechanismus podobný bodu přerušení v debuggeru devtools, který se místo toho zastavuje!
Chcete-li přidat bod protokolu:
- otevřete ladicí program devtools
- klikněte pravým tlačítkem na číslo řádku v souboru JavaScript,
- poskytněte zprávu protokolu spolu se všemi proměnnými, které chcete, v
log:
Máte přístup ke všem proměnným v aktuálním kontextu, které můžete přidat do zprávy logpoint.
Možná se ptáte:„Proč prostě nepřidáte console.log do zdrojového souboru ručně? Často je potřeba ladit skripty třetích stran tam, kde ruční úprava souboru není možná. I když máte přístup ke zdrojovému souboru, nemusíte dělat spoustu console.log čištění!
Vývojářské nástroje jsou vždy populárnější, než se domníváte – využijte je naplno!