Jika code editor adalah tempat kita menulis, browser adalah tempat hasil karya kita dibaca. Browser bertugas membaca file HTML, menerjemahkan tag menjadi elemen visual, lalu menampilkan halaman yang bisa dilihat pengunjung. Karena seluruh hasil belajar kita dinilai di browser, pilihan browser dan versinya menentukan fitur HTML mana yang bisa diuji dengan benar.
Mengapa Versi Terbaru Penting #
HTML adalah standar hidup (HTML Living Standard) yang dirawat WHATWG dan terus berkembang; fitur baru mencapai dukungan penuh di semua browser utama secara bertahap. Dua contoh nyatanya:
- Elemen
<dialog>untuk kotak dialog dianggap didukung semua browser utama sejak Maret 2022. - Popover API mencapai dukungan penuh pada 2024; Chrome versi 114 ke atas mengenal atribut
popover, sedangkan versi lebih lawas mengabaikan atribut tersebut.
Akibatnya, browser lawas dapat merender halaman tanpa komponen yang kita maksud, tanpa memberi pesan apa pun. Praktiknya sederhana: Chrome, Edge, dan Firefox memperbarui diri secara otomatis, sedangkan Safari ikut diperbarui bersama pembaruan macOS. Cukup pastikan pembaruan otomatis tidak dimatikan.
Memilih Browser Utama #
| Browser | Mesin render | Platform |
|---|---|---|
| Chrome | Blink | Windows, macOS, Linux, Android |
| Edge | Blink | Windows, macOS, Linux |
| Firefox | Gecko | Windows, macOS, Linux, Android |
| Safari | WebKit | macOS, iOS, iPadOS |
Pilih satu browser pada tabel sebagai browser utama pengembangan. DevTools tersedia di semuanya: Chrome dan Edge menyebut perkakas tersebut Developer Tools, Firefox menyebutnya DevTools, dan Safari menyebutnya Web Inspector. Perbedaan nama tidak penting — panel intinya serupa, sehingga materi tentang DevTools pada chapter akhir Section ini berlaku untuk browser mana pun.
Browser Kedua untuk Pemeriksaan Konsistensi #
Mesin render yang berbeda bisa menghasilkan perbedaan tipis pada nilai bawaan, misalnya jenis huruf bawaan sistem dan bentuk kontrol form. Strategi yang umum dipakai pengembang:
- Mengembangkan sehari-hari di satu browser utama agar alur kerja cepat.
- Memeriksa ulang di satu browser bermesin berbeda saat halaman dianggap selesai — misalnya Chrome sebagai utama dan Firefox sebagai pembanding.
Pemeriksaan silang semacam ini tidak perlu dilakukan pada setiap latihan kecil. Mulai lakukan ketika halaman kita memuat tata letak yang mulai kompleks atau saat hasil render terasa berbeda antar komputer.
Dengan browser utama dan browser pembanding yang siap, saatnya menata berkas-berkas kita. Chapter berikutnya membuat folder proyek pertama.