Eroare Javascript! Cum de a stabili un bug în codul JavaScript
Ce știm astăzi?
Dupa ce am vorbit cu prietenii săi dezvoltatorii, am fost surprins de faptul că nu folosesc niciodată consola bazată pe browser pentru a controla erorile în codul. Ce, deși, dacă nu folosiți consola pentru identificarea și corectarea erorilor, vă sfătuim să încercați chiar acum.
Vizualizarea corectarea erorilor
consola browser-ul, un obiect care poate fi folosit pentru a afișa informații despre erorile din timpii de încărcare a paginii. De exemplu: puteți ajunge la orice element DOM, de exemplu, o imagine care nu are adresa URL corectă. Pentru a face acest lucru, plasați cursorul peste elementul (imagine) și faceți clic pe butonul din dreapta al mouse-ului. Găsiți „inspecta elementul“ sau ceva de genul asta. În Opera, se pare ca acest lucru:
Aici suntem în consolă. Aproape, fila rămase pentru a alege „Consola“.
Dar accesul la consola în Chrome:
Exemple simple de detectare a erorilor
Consola suportă o varietate de opțiuni, dar puteți face 3-4, este suficient pentru a identifica și de corectare a erorilor în continuare. Din propria mea experiență, log funcția (). cel mai convenabil. Se afișează mesaje noi, elemente DOM, variabile în consolă, unde le putem vedea. Exemplele de mai jos arată utilizarea funcțiilor pe care le folosesc.
În acest scenariu, consola afișează rezultate diferite în funcție de valoarea variabilei FULL_NAME (gol sau nu).
Pentru jQuery faceți clic pe evenimente, consola va afișa informații despre elementul de presare (urme):
Consola este mai mult decât producția de mesaje, se poate accepta, de asemenea comenzi. De exemplu, tipul de «document» și apăsați Enter pentru a obține informații despre pagina.
Cum de a rezolva bug-ul fără o consolă?
Exemple de detectare a erorilor cu pomoschyualert
Acest exemplu îl face ușor pentru a aduce valoarea:
De asemenea, este posibil să se înțeleagă în cazul în care valoarea este și în cazul în care obiectul:
O altă aplicație - definirea unei linii de cod în eroare. Pentru a face acest lucru, trebuie doar să introduceți tipul de mesaj de alertă ( „Nu există eroare“); prin fiecare linie de cod. De exemplu: