Un depanator HyperText Markup Language (HTML) este un program de editare care testează marcajul HTML și localizează orice defecțiuni sau erori în cod. Instrumentele moderne de depanare HTML funcționează ca validatoare HTML și, în general, acceptă limbajele web obișnuite, permițând depanarea JavaScript®, Foile de stil în cascadă (CSS), Hypertext Preprocessor (PHP) și Extensible Markup Language (XML). Programele de depanare HTML oferă adesea instrumente avansate pentru gestionarea și corectarea greșelilor de aspect și stil. Pe lângă validarea și gestionarea codului, programele de depanare HTML permit dezvoltatorilor modalități de a-și monitoriza performanța paginii și activitatea în rețea.
Dezvoltatorii apelează adesea la un depanator HTML pentru ușurința de utilizare în corectarea erorilor de aspect. Instrumentul de depanare oferă în mod eficient o interfață grafică cu utilizatorul pentru editarea conținutului paginii. Un depanator obișnuit va afișa atât o previzualizare a paginii, cât și codul de bază. Inspectarea elementelor din previzualizarea paginii oferă o vedere clară a etichetei și a atributelor de stil care afectează elementul selectat. Dacă depanatorul acceptă ajustarea în timp real, atunci modificările efectuate sunt reflectate imediat în fereastra de previzualizare, permițând corecții rapide.
Alte instrumente pe care un depanator HTML le poate oferi includ funcții de stil de urmărire și ilustrare a marginilor. Funcțiile de stil de urmărire permit dezvoltatorului să descopere ce foi de stil afectează un element și să observe interacțiunea dintre foile de stil. Ilustrațiile de margine oferă linii grafice care marchează marginile marginilor în mod normal invizibile, cum ar fi marginile din jurul unui câmp de text.
Cele mai multe iterații moderne ale depanatorului HTML includ un depanator JavaScript® pentru testarea și validarea oricărui JavaScript® inclus în cod. Unele programe de depanare JavaScript® vor oferi doar funcții de bază, cum ar fi găsirea erorilor în JavaScript® sau furnizarea unui jurnal cu tot ce se întâmplă pe măsură ce se execută codul, în timp ce altele oferă funcții mai avansate. Unele caracteristici avansate includ capacitatea de a măsura performanța codului și de a găsi blocaje și abilitatea de a parcurge codul, execuție cu execuție.
Un depanator HTML permite unui dezvoltator să testeze marcajul și codul scris pe o varietate de platforme de browser. Fiecare browser web își urmează propriile reguli interne atunci când alege modul de afișare sau procesare a unui element al unui site web. Diferențele de calcul înseamnă că elementele nu apar întotdeauna la fel în browsere diferite. Orice discrepanțe în afișarea sau execuția programului între browsere pot fi apoi detectate și corectate pentru a se asigura că toți utilizatorii au aceeași experiență.
Monitorizarea activității în rețea este o altă funcție importantă a unui depanator HTML. Depanatorul monitorizează cât timp durează descărcarea fișierelor și cât durează finalizarea comenzilor JavaScript®. Dacă gestionarea vitezei și a lățimii de bandă reprezintă o problemă, aceste informații pot oferi dezvoltatorului o idee mai bună despre modul în care o pagină poate fi modificată pentru a-și optimiza viteza și a reduce dimensiunea totală.