Anche per i professionisti, la codifica non è facile. Questo è probabilmente il motivo per cui gli sviluppatori passano gran parte del loro tempo a cercare bug nel loro codice. A volte un bug è ovvio, causando l’interruzione dell’intero programma in una volta. Altre volte un bug è molto sottile, producendo un output dall’aspetto corretto che tuttavia contiene dei difetti.
Per quanto possa sembrare controintuitivo, i bug evidenti sono migliori perché sono più facili da trovare. Un bug subdolo può annidarsi per anni nel software utilizzato tutti i giorni.
Pensalo in questo modo: se ti trovassi in un edificio che si stava lentamente riempiendo di gas velenoso, vorresti che il gas essere inodore, insapore e incolore, o viola brillante e odorare di polvere da sparo?
Perché il debug è un passaggio cruciale in il processo di sviluppo, esistono molti strumenti per farlo. Oggi parleremo del debug di Javascript in Chrome. Javascript è di gran lunga uno dei linguaggi complessivi più popolari e probabilmente il linguaggio più popolare per lo sviluppo web. Allo stesso modo, Chrome è uno dei browser Web più utilizzati.
Come qualcuno che sarà presto un in-demand sviluppatore web, è una buona idea avere familiarità con il debug di Javascript con Chrome. Ti incoraggio a seguire questa elegante pagina web di esempio creato appositamente per esercitarsi con il debug.
Utilizzo del pannello Sorgente

Chrome è dotato di una serie di potenti strumenti che consentono agli sviluppatori di ispezionare il codice sorgente di un sito Web, inclusi HTML, CSS e Javascript.
Questo è un fantastico modo per leggere il codice dei siti web che ti piacciono e per imparare a eseguirne il debug.
Guardarsi intorno
A partire da 2019 e la versione più recente di Chrome, accedere agli strumenti per sviluppatori è semplice come andare su Visualizza -> Sviluppatore -> Strumenti per sviluppatori nel menu del browser nella parte superiore dello schermo. Questo apre il pannello per sviluppatori di Chrome con le sue numerose schede utili.