Live Preview HTML adalah fitur atau ekstensi (terutama di VS Code) yang memungkinkan pengembang melihat perubahan kode HTML, CSS, dan JavaScript secara real-time tanpa perlu me-refresh peramban. Fitur ini menampilkan hasil pratinjau langsung di dalam editor (internal browser).
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.