Setiap plug-in pada daftar berikut ini menawarkan utility luar biasa bagi para developer yang menginstallnya di browser mereka. Bahkan, sebagian add-on tsb dianggap wajib. Kesemua plug-in ini dapat didownload gratis.
Dengan Firebug, Anda bisa mengedit CSS, HTML dan JavaScript yang ada pada web page tanpa harus pindah dulu ke aplikasi lain. Perubahan dan previewnya dapat dilihat real-time. Add-on ini juga memiliki fitur analisis aktifitas jaringan dan profiler kinerja JavaScript. Seperti Firefoxnya sendiri, Firebug dapat diextend dengan plug-in yang menambahkan fitur baru.
Web Developer merupakan dynamic extension paling powerful pada daftar ini; WD menambahkan toolbar yang memungkinkan anda melakukan banyak hal yang bermanfaat.
Anda bisa non-aktifkan Java, non-aktifkan atau lihat cookies, nonaktifkan CSS, lihat styles, lihat info detail form, non-aktifkan images, temukan broken images, lihat JavaScript, tampilkan semua jenis info behind-the-scene, edit HTML, tampilkan elemen tersembunyi, ubah resolusi window, validasi code dan banyak lagi.
ColorZilla adalah color picker yang tampil di status bar. Klik ColorZilla dan gerakan kursor ke warna yang Anda inginkan; Anda akan dapatkan info nilai RGB dan kode hexadecimal. ColorZilla juga menyediakan color wheel, page zoomer dan measuring tool.
HTML Validator muncul sebagai icon di status bar dan menampilkan jumlah HTML error yang ditemukan Firefox ketika Anda membuka suatu halaman web. Anda kemudian dapat masuk ke HTML code untuk menemukan apa penyebab error tsb.
Jika Anda pengguna Mac atau Linux silakan kunjungi the developer’s website
FireFTP adalah FTP (File Transfer Protocol) client yang ada dalam Firefox. Jika Anda menjalankannya ia muncul dalam jendela baru persis seperti jendela bookmark atau download manager. Fiturnya tidak terbatas pada hal-hal basic; Anda bisa melakukan integrity check atau search, sync, compare direktori dsb. Add-on ini dapat memenuhi kebutuhan mayoritas pengguna FTP.
Microsoft Internet Explorer jarang sekali digunakan para developer, tetapi browser ini paling populer dan terbesar penggunanya. Dengan IE Tab Anda bisa membuka website yang sebenarnya menjalankan IE bukan Firefox. Dengan cara ini Anda dapat pastikan dengan lebih mudah website Anda berjalan benar untuk para pengguna yang tidak memakai Firefox.
IE Tab tidak tersedia bagi pengguna Mac dan Linux karena Anda harus menginstall IE agar IE Tab bisa dijalankan.
Dengan MeasureIt Anda bisa membuat mistar rectangular pada website untuk mendapatkan ukuran (lebar dan tinggi) pixel dari setiap elemen pada halaman. Fungsi serupa juga ditawarkan ColorZilla, jadi tidak perlu mengaktifkan kedua add-on ini bersamaan, tetapi MeasureIt sangat populer.
Greasemonkey memungkinkan Anda melakukan kustomisasi lebih jauh dengan browser Anda dengan menjalankan JavaScript yang bisa mengubah tampilan website. Banyak sekali script tersedia, banyak diantaranya dibuat khusus untuk website tertentu seperti Facebook Friends Checker;
Ketika Anda melihat source suatu halaman web menggunakan Firefox tool, yang Anda lihat blok-blok teks yang tidak tersusun; tidak mudah menelusuri dan mencari sesuatu yang kita inginkan. View Source Chart menampilkan source code suatu halaman web yang sudah tersusun dan terbagi rapi dengan warna berbeda. Warna-warna itu menunjukkan batas-batas tag dan struktur DOM sehingga Anda dapat menelusurinya dengan lebih efisien tanpa kehilangan jejak.
Gunakan Ardvark untuk memilih elemen suatu website dan menjalankan fungsi yang tersedia. Klik pada elemen website dan gunakan keyboard shortcut. R untuk remove, W untuk memperluas (widen), I untuk isolate atau V untuk melihat (view) source elemen, dst.
1. Firebug
Dengan Firebug, Anda bisa mengedit CSS, HTML dan JavaScript yang ada pada web page tanpa harus pindah dulu ke aplikasi lain. Perubahan dan previewnya dapat dilihat real-time. Add-on ini juga memiliki fitur analisis aktifitas jaringan dan profiler kinerja JavaScript. Seperti Firefoxnya sendiri, Firebug dapat diextend dengan plug-in yang menambahkan fitur baru.
2. Web Developer
Web Developer merupakan dynamic extension paling powerful pada daftar ini; WD menambahkan toolbar yang memungkinkan anda melakukan banyak hal yang bermanfaat.
Anda bisa non-aktifkan Java, non-aktifkan atau lihat cookies, nonaktifkan CSS, lihat styles, lihat info detail form, non-aktifkan images, temukan broken images, lihat JavaScript, tampilkan semua jenis info behind-the-scene, edit HTML, tampilkan elemen tersembunyi, ubah resolusi window, validasi code dan banyak lagi.
3. ColorZilla
ColorZilla adalah color picker yang tampil di status bar. Klik ColorZilla dan gerakan kursor ke warna yang Anda inginkan; Anda akan dapatkan info nilai RGB dan kode hexadecimal. ColorZilla juga menyediakan color wheel, page zoomer dan measuring tool.
4. HTML Validator
HTML Validator muncul sebagai icon di status bar dan menampilkan jumlah HTML error yang ditemukan Firefox ketika Anda membuka suatu halaman web. Anda kemudian dapat masuk ke HTML code untuk menemukan apa penyebab error tsb.
Jika Anda pengguna Mac atau Linux silakan kunjungi the developer’s website
5. FireFTP
FireFTP adalah FTP (File Transfer Protocol) client yang ada dalam Firefox. Jika Anda menjalankannya ia muncul dalam jendela baru persis seperti jendela bookmark atau download manager. Fiturnya tidak terbatas pada hal-hal basic; Anda bisa melakukan integrity check atau search, sync, compare direktori dsb. Add-on ini dapat memenuhi kebutuhan mayoritas pengguna FTP.
6. IE Tab
Microsoft Internet Explorer jarang sekali digunakan para developer, tetapi browser ini paling populer dan terbesar penggunanya. Dengan IE Tab Anda bisa membuka website yang sebenarnya menjalankan IE bukan Firefox. Dengan cara ini Anda dapat pastikan dengan lebih mudah website Anda berjalan benar untuk para pengguna yang tidak memakai Firefox.
IE Tab tidak tersedia bagi pengguna Mac dan Linux karena Anda harus menginstall IE agar IE Tab bisa dijalankan.
7. MeasureIt
Dengan MeasureIt Anda bisa membuat mistar rectangular pada website untuk mendapatkan ukuran (lebar dan tinggi) pixel dari setiap elemen pada halaman. Fungsi serupa juga ditawarkan ColorZilla, jadi tidak perlu mengaktifkan kedua add-on ini bersamaan, tetapi MeasureIt sangat populer.
8. Greasemonkey
Greasemonkey memungkinkan Anda melakukan kustomisasi lebih jauh dengan browser Anda dengan menjalankan JavaScript yang bisa mengubah tampilan website. Banyak sekali script tersedia, banyak diantaranya dibuat khusus untuk website tertentu seperti Facebook Friends Checker;
9. View Source Chart
View Source Chart 10 Firefox Add-Ons Terpopuler Untuk Web Developer
10. Aardvark
Gunakan Ardvark untuk memilih elemen suatu website dan menjalankan fungsi yang tersedia. Klik pada elemen website dan gunakan keyboard shortcut. R untuk remove, W untuk memperluas (widen), I untuk isolate atau V untuk melihat (view) source elemen, dst.
0 comments:
Post a Comment