6.11.2011

Kumbang Api dan Periksa Elemen

Sudah beberapa bulan ini pake browser cuma 2 (dua) macem ini duank, Mozilla Firefox dan Google Chrome. Kenapa kok cuma dua itu aja? mang yang lainnya pada kemana? ga bisa di pake ya? apa rusak? apa suka bikin hang? atau ga pernah download?

Maka jawabannya adalah iya cuma dua, ga ada, iya ga bisa tuh, ga juga rusak sih, ga tau deh, memang ga bisa di download. Hah?! kok bisa?! alasannya apa? yaitu gw selama ini nyoba pake full Linux Ubuntu yang sekarang lagi dipake yaitu Natty Narwhal a.k.a Ubuntu 11.04. Jadi itu alasannya? yup bener banged. Tapi sayang, kayaknya agak susah juga survive pake Linux dilingkungan kerja yang semuanya masih full Microsoft (jadi perang batin deh...pindah lagi atau ga ya?) tapi sekarang bukan itu yang mau gw bahas.

Terus apa dunk? yaitu addons atau plugins yang terdapat di dua browser itu yang selama ini cukup membantu dalam mencari "binatang penganggu" atau "bug" pada saat bangun web-based (gaya lho ngemengnya...hihi..). Kok bisa dengan addons atau plug-ins aja? Ya bisa dunk, hebad kan? Nooot!!

Pertama pada browser Google Chrome atau kita sebut Chrome aja deh biar singkat (males ngetik panjang-panjang..upss..), disini selain dengan mudahnya view page source seperti pada browser lainnya, tapi ga bisa nampilin mana yang sebenarnya masalah yang kita cari atau kira-kira percobaan solusi apa ya yang tepat, maka manfaatkan Inspect Element pada enu context klik kanan pada elemen html yang mau diperiksa atau pada halaman tersebut. Seketika langsung tampilan Chrome terbagi 2, tampilan di bawah itu kode-kode html yang ketika kita sorot dengan mouse (tetikus kayaknya aneh), maka elemen-elemen html pada bagian atas akan tersorot juga secara otomatis.

Lalu jika ada tambahan kode css atau javascript akan muncul dibagian bawah kolom kiri, kita pun bisa dengan mudahnya edit text atau edit html langsung di browser untuk melihat efek yang akan terjadi atau cuma sekedar copas aja. Kode-kode CSS atau Javascript pun bisa diaktifkan atau di nonaktifkan secara langsung di browser untuk memeriksa baris-baris mana sajakah yang menyebabkan masalah, mantab kan gan? cendolnya dunk...tapi disini kan bukan tempatnya...hehehe...

Bagaimana dengan Mozilla Firefox atau disebut dengan FF singkatnya (inget males ngetik panjang-panjang...uppss lagi deh). Mang cuma Chrome duang yang ada Inspect Element -nya, FF juga ada dunk, install dulu addons si "Kumbang Api" atau "FireBug" (search aja di webnya addons mozilla, tentunya browsing via FF dunks). Dengan menggunakan FireBug, FF dapat juga periksa elemen, hahahaha....!!

Tampilannya hampir sama dengan Chrome tapi beda browser aja, luamayan nih pake tools ini, cukup banyak membantu, daripada bengong-bengong liat coding dan coba-coba satu-satu, apalagi yang baru-baru belajar coding (baca: nubie, newbie, sak karep-karep lambemu dewe deh), jadi ga salahnya buat coba install dan pake deh.

PS: kalau di google Chrome ga perlu install lagi, udah bawaan coy.