Live preview HTML adalah fitur pada editor kode yang secara otomatis menampilkan hasil dari kode HTML dan CSS yang sedang ditulis secara real-time di jendela terpisah, seperti peramban web.
Fitur ini memungkinkan pengembang untuk melihat langsung perubahan yang dibuat tanpa harus me-refresh halaman secara manual, sehingga meningkatkan produktivitas dan mempercepat proses pengembangan.
Cara kerja
- Saat Anda mengubah kode HTML atau CSS, live preview secara otomatis memperbarui tampilan halaman di jendela pratinjau.
- Beberapa alat juga memungkinkan interaksi langsung, di mana Anda bisa mengklik elemen di pratinjau untuk melihat kode yang sesuai dan bahkan mengedit CSS atau HTML secara langsung di editor.
- Fitur ini tersedia di banyak editor kode seperti Visual Studio Code, Brackets, dan Phoenix Code, dan seringkali memerlukan penginstalan ekstensi atau pengaturan manual.