Debugger HyperText Markup Language (HTML) adalah program pengeditan yang menguji markup HTML dan menemukan kesalahan atau kesalahan dalam kode. Alat debugging HTML modern berfungsi sebagai validator HTML dan juga umumnya mendukung bahasa web umum, memungkinkan debugging JavaScript®, Cascading Style Sheets (CSS), Hypertext Preprocessor (PHP), dan Extensible Markup Language (XML). Program debugging HTML sering menawarkan alat canggih untuk mengelola dan mengoreksi kesalahan tata letak dan gaya. Bersamaan dengan memvalidasi dan mengelola kode, program debug HTML memungkinkan pengembang untuk memantau kinerja halaman dan aktivitas jaringan mereka.
Pengembang sering beralih ke debugger HTML untuk kemudahan penggunaannya dalam memperbaiki kesalahan tata letak. Alat debugging secara efektif menyediakan antarmuka pengguna grafis untuk mengedit konten halaman. Debugger tipikal akan menampilkan pratinjau halaman dan kode yang mendasarinya. Memeriksa elemen dalam pratinjau halaman memberikan tampilan yang jelas tentang atribut tag dan gaya yang memengaruhi elemen yang dipilih. Jika debugger mendukung tweaking langsung, maka perubahan yang dibuat akan segera ditampilkan di jendela pratinjau, memungkinkan koreksi cepat.
Alat lain yang mungkin ditawarkan oleh debugger HTML termasuk fungsi gaya jejak dan ilustrasi batas. Melacak fungsi gaya memungkinkan pengembang untuk mengetahui lembar gaya mana yang memengaruhi elemen dan mengamati interaksi antar lembar gaya. Ilustrasi batas memberikan garis grafis yang menandai tepi batas yang biasanya tidak terlihat, seperti margin di sekitar bidang teks.
Sebagian besar iterasi modern dari debugger HTML menyertakan debugger JavaScript® untuk menguji dan memvalidasi semua JavaScript® yang disertakan dalam kode. Beberapa debugger JavaScript® hanya akan menyediakan fitur dasar seperti menemukan kesalahan dalam JavaScript® atau menyediakan log dari semua yang terjadi saat kode dijalankan, sementara yang lain menawarkan fitur yang lebih canggih. Beberapa fitur lanjutan termasuk kemampuan untuk mengukur kinerja kode dan menemukan kemacetan, dan kemampuan untuk menelusuri kode, eksekusi demi eksekusi.
Debugger HTML memungkinkan pengembang untuk menguji markup dan kode yang ditulis dalam berbagai platform browser. Setiap browser web mengikuti aturan internalnya sendiri saat memilih cara menampilkan atau memproses elemen situs web. Menghitung perbedaan berarti elemen tidak selalu tampak sama di browser yang berbeda. Setiap perbedaan dalam tampilan atau eksekusi program antar browser kemudian dapat dideteksi dan diperbaiki untuk memastikan semua pengguna memiliki pengalaman yang sama.
Memantau aktivitas jaringan adalah fungsi penting lainnya dari debugger HTML. Debugger memantau berapa lama waktu yang dibutuhkan file untuk diunduh dan berapa lama waktu yang dibutuhkan untuk menyelesaikan perintah JavaScript®. Jika mengelola kecepatan dan bandwidth menjadi perhatian, informasi ini dapat memberikan ide yang lebih baik kepada pengembang tentang bagaimana halaman dapat dimodifikasi untuk mengoptimalkan kecepatannya dan mengurangi ukurannya secara keseluruhan.