Mesin layout web browser
Setiap web browser memiliki suatu “mesin” untuk memproses halaman web yang berupa kode HTML. Mesin itu disebut layout engine atau mesin layout (terjemahan ngasal). Tugas dari mesin ini adalah menerjemahkan kode HTML menjadi tampilan yang biasa kita lihat pada layar browser kita. Selain itu, ia juga merender (“menggambar”) tampilan halaman web dari kode CSS serta menjalankan skrip client-side seperti JavaScript.
Nah, mesin layout ini bukan hanya satu jenis, melainkan ada cukup banyak. Setiap browser memakai satu jenis mesin untuk menampilkan halaman web. Namun ada juga beberapa browser yang menggunakan mesin layout yang sama. Perbedaannya mungkin hanya pada fitur yang ditawarkan oleh browser tersebut. Jadi, jika suatu browser menggunakan mesin layout yang sama dengan browser lain, bisa dipastikan bahwa tampilan halaman web pada kedua browser itu akan sama, kalau tidak mau dikatakan persis.
Berikut beberapa mesin layout yang digunakan oleh browser-browser yang terkenal:
1. Gecko
Mesin yang mungkin Anda baru pertama kali dengar namanya ini adalah yang dipakai oleh browser paling terkenal sedunia, yaitu Mozilla Firefox. Mesin ini dikembangkan oleh Yayasan Mozilla yang notabene pembuat Firefox itu sendiri. Selain Firefox, browser lain yang juga menggunakan mesin ini adalah Flock dan banyak lagi yang lainnya.
2. Webkit
Mesin ini dikembangkan oleh orang-orang di Apple, Inc. Aslinya berasal dari KHTML milik Konqueror (Linux). Browser yang menggunakan mesin ini adalah Safari milik Mac, Google Chrome, dan beberapa yang lain.
3. Presto
Mesin ini dikembangkan dan digunakan oleh Opera dan hanya Opera-lah satu-satunya browser yang menggunakannya.
4. Trident
Mesin ini dipakai oleh Internet Explorer punya Windows, serta beberapa browser khusus Windows lain. Tentunya dibuat oleh Microsoft.
5. Dan lain-lain (masih banyak)
Well, mungkin ini terdengar tidak penting. Namun, jika Anda adalah seorang web developer, khususnya web designer, Anda wajib mengetahui jenis-jenis mesin ini dan juga sifat-sifatnya. Kenapa? Karena setiap mesin ini memiliki cara berbeda dalam mengolah dan menampilkan halaman web (terutama saat merender CSS). Inilah sebab kenapa suatu halaman web terkadang tidak tampil sama antar browser satu dan browser lainnya. Atau bahkan berfungsi pada browser ini, namun error pada browser lain.
Merupakan sebuah tantangan tersendiri bagi web designer untuk bisa membuat web yang tampil dan berfungsi dengan baik pada semua browser (cross-browser compatibility). Karena itulah, proses testing suatu website sebelum dirilis juga harus dites dari beberapa browser, tidak cukup hanya satu.
Jono, 
akhy, and 6 others are discussing. 
Blog-blogan 
devo1997 8:25 am on 13 November 2009 Permalink |
salam kenal sobat
mikha_v 10:22 pm on 13 November 2009 Permalink |
I see, saya baru tahu.
Nico 6:59 pm on 2 Desember 2009 Permalink |
lebih baik klo menggunakan firefox atau opera x yh…
lebih cepat..
idiotnesia 3:12 am on 26 Desember 2009 Permalink |
sekarang make opera 10, karena ada turbonya maklum koneksi melemot
akhy 1:18 pm on 12 Januari 2010 Permalink |
untuk mengatasi masalahcara renderisasi(?) CSS tiap engine yg beda2, salah satunya adalah pake css reseter..
jadi semua atribut tag2 direset dulu ke kondisi default yg kita inginkan, soalnya default tiap engine bisa beda2 lho…
hmm.. berarti Konqueror pake webkit ya? wong mbahnya webkit :D
abrari 4:28 pm on 12 Januari 2010 Permalink
Reseter?
Konqueror kayanya tetep pake KHTML deh. Webkit kan cuma “turunannya” :-)
akhy 1:20 pm on 12 Januari 2010 Permalink |
oh iya, khusus untuk web developer. sekarang ada web browser baru yang memiliki tiga rendering engine. gecko, trident, dan webkit.. jadi gak perlu pindah2 lagi buat ngecek kompatibilitas antar browser..
http://lunascape.tv < ini linknya
semoga membantu
akhy 8:12 pm on 13 Januari 2010 Permalink |
oh i see.. belum pernah denger? reseter itu sebenarnya file css biasa kok. intinya sih meng-nol-kan semua atribut dari nilai defaultnya.. silakan gugle tentang css reseter :D
Kami benci Internet Explorer « Blog-blogan 10:33 am on 22 Januari 2010 Permalink |
[…] di Ubuntu atau distro Linux lainnya dengan baik. Kalaupun bisa dengan Wine, tapi masih menggunakan mesin yang sama dengan Firefox, sehingga percuma saja. Padahal yang diperlukan untuk testing web adalah mesinnya. […]
Beberapa fakta tentang Opera Mini « Blog-blogan 11:42 pm on 29 Januari 2010 Permalink |
[…] transcoder Opera Mini menggunakan mesin layout yang sama dengan Opera desktop. Jadi hasilnya pun bisa jadi sebagus jika kita membukanya dari Opera […]
Jono 12:53 am on 1 September 2010 Permalink |
Ada g mesin utk klik web buat hp?kl ada namanya ap?