KafeGue.com

Inilah Ekstensi Web Developer pada Google Chrome yang Sangat Powerfull

Pada 2 February 2011 → 1031 kali dilihat

Anda masih suka menilai browser Google Chrome tidak sebaik Firefox dalam hal ekstensi atau ‘add-ons’ yang disediakan? Boleh saja Anda menilai begitu. Dulu ketika baru muncul, mungkin Chrome memang tidak sebaik Firefox (dalam hal ekstensi). Tapi sekarang, saya amati semakin banyak saja ekstensi yang tersedia untuk pengguna Chrome. Semuanya bisa ditemukan dan diinstall dengan mudah pada halaman galeri Chrome Web Store.

Yups. Chrome Web Store ibarat toko online yang memajang beragam produk berupa ekstensi (pengaya) dan theme dari berbagai kategori. Tampilan halamannya juga menarik dan mudah dipahami oleh user. Termasuk navigasi menunya. User/pengguna tinggal mengklik salah satu kategori atau salah satu icon ekstensi yang tersedia di situ.

Nah, salah satu ekstensi yang menarik saya dan cukup sering saya gunakan yaitu ‘Pendule‘ (bukan pendulum).

Anda bisa lihat gambarnya pada ‘screenshoot’ berikut ini (saya ambil dari browser Chromium 10.0.651.0 di laptop saya).

tampilan menu ekstensi pendule pada chrome

Gambar di atas ialah tampilan ekstensi ‘Pendule’ setelah kita meng-klik icon menunya yang terdapat di sebelah kanan ‘addres-bar’ (setelah terinstall). Tersedia berbagai pilihan menu/fitur yang siap kita manfaatkan. Cukup dengan satu kali klik pada setiap list menunya, maka kita akan disuguhkan tampilan halaman khusus (sesuai menu perintah yang kita klik).

Beberapa fitur/menunya yang sangat powerfull dan berguna bagi saya yaitu:

• View styles → untuk menampilkan kode-kode CSS yang menyusun halaman web yang sedang kita buka (baik itu berupa CSS inline maupun CSS eksternal).
• Disable CSS → untuk menonaktifkan CSS pada halaman web yang sedang kita buka. Apa gunanya menonaktifkan CSS? Kalau bagi saya yaitu untuk menilai/melihat struktur HTML dari sebuah halaman web secara lebih obyektif. Dengan tampilan tanpa CSS, kita bisa menilai logis tidaknya alur navigasi yang ada pada sebuah halaman web.
• View scripts → untuk melihat kode JavaScript yang terdapat pada halaman web.
• View images → untuk menampilkan keterangan semua gambar yang ada pada halaman web yang sedang kita buka. Contoh keterangan tersebut yaitu berupa alamat ‘source’ (sumber) gambar, ukuran lebar (‘width’), tinggi (‘height’), serta keterangan atribut alt-nya.
• Hide images → untuk menyembunyikan/menghilangkan tampilan semua gambar yang ada pada halaman web yang sedang kita buka. Saya cukup sering mengklik menu ini untuk mengamati tampilan sebuah web tanpa gambar. Hasilnya, yang semula tampak sangat cantik mendadak berubah jadi super jelek bin amburadul ketika saya mengklik menu ‘hide images’ ini :lol:
• Show alt text → untuk menampilkan keterangan atribut alt pada semua gambar yang ada pada halaman sebuah situs web (yang sedang kita buka). Ini juga sangat membantu kita dalam menilai aspek ‘usability’ dan ‘accessibility’ dari sebuah halaman web.
• Show dimensions → untuk menampilkan keterangan lebar dan tinggi semua gambar yang ada pada halaman web (dalam satuan pixel).
• Show paths → untuk menampilkan keterangan url atau alamat ‘source’ semua gambar yang ada pada halaman web.
• Markup validator → untuk mengecek validitas X/HTML sebuah halaman web (baik halaman home maupun single).
• CSS validator :→ untuk mengecek validitas CSS pada halaman web yang sedang dibuka.
• Link checker → untuk mengecek apakah ada link yang ‘broken’ atau mati pada sebuah halaman web yang sedang dibuka.
• Feed validator → untuk mengecek validitas ‘RSS feed’ dari situs/blog yang sedang kita buka.

Untuk kategori menu ‘Form’ dan ‘Miscellaneous’, jujur saja saya masih jarang memanfaatkannya. Jadi, selama ini saya lebih sering menggunakan sub menu ‘Style sheets’, ‘Images’, dan ‘Accessibility’.

Yang jelas, setelah menginstall ekstensi ‘Pendule’ ini, saya semakin cinta dengan Chrome (Chromium) browser :P

Selamat mencoba. Silakan berbagi pengalaman/pendapat jika Anda telah menggunakannya juga.

Maaf, karena alasan tertentu, kotak komentar ditutup!