Debugging Client Side JS

Debugging Client Side JS

Debugging klijentskog JS može biti mučno jer svaki put kada promenite URL (uključujući promenu parametara ili vrednosti parametara) morate resetovati tačku prekida i ponovo učitati stranicu.

debugger;

Ako stavite liniju debugger; unutar JS datoteke, kada pregledač izvrši JS, on će zaustaviti debugger na tom mestu. Stoga, jedan od načina da postavite stalne tačke prekida bio bi da preuzmete sve datoteke lokalno i postavite tačke prekida u JS kodu.

Overrides

Pregledački overrides omogućavaju da imate lokalnu kopiju koda koji će biti izvršen i da izvršite tu umesto one sa udaljenog servera. Možete pristupiti overrides u "Dev Tools" --> "Sources" --> "Overrides".

Morate napraviti lokalnu praznu fasciklu koja će se koristiti za čuvanje overrides, tako da jednostavno kreirajte novu lokalnu fasciklu i postavite je kao override na toj stranici.

Zatim, u "Dev Tools" --> "Sources" izaberite datoteku koju želite da zamenite i sa desnim klikom izaberite "Save for overrides".

Ovo će kopirati JS datoteku lokalno i moći ćete da modifikujete tu kopiju u pregledaču. Tako jednostavno dodajte debugger; komandu gde god želite, sačuvajte promenu i ponovo učitajte stranicu, i svaki put kada pristupite toj web stranici vaša lokalna JS kopija će biti učitana i vaša debugger komanda će ostati na svom mestu:

References

• https://www.youtube.com/watch?v=BW_-RCo9lo8&t=1529s