24Aug
Bila dikonfigurasi dengan benar, Firefox dapat menjadi alat pengembangan web utama, memberi Anda akses langsung ke halaman yang sedang Anda kerjakan sehingga Anda bisa menata halaman Anda secara real-time, debug javascript atau bahkan mengedit html.
Buat Profil Terpisah untuk Pengembangan Web
Memasang semua alat pengembangan ini akan membuat Firefox menjadi browser yang sangat berat, jadi pertama-tama kita harus membuat profil baru untuk Firefox.
Anda dapat meluncurkan profil terpisah sekaligus profil reguler Anda dengan membuat shortcut baru dengan argumen ini, mengganti WebDev dengan nama profil Anda. Ada juga penjelasan lebih rinci tentang bagaimana melakukan ini.
firefox.exe -P WebDev -no-remote
Sekarang setelah Anda membuat Firefox dikonfigurasi dengan profil terpisah hanya untuk pengembangan web, mari kita lihat ekstensi yang dapat kita gunakan untuk menjadikan Firefox sebagai alat pengembangan web terbaik.
Must-Have Web Dev Extensions
Ini semua adalah ekstensi yang saya gunakan secara reguler untuk pengembangan web.
Firebug
Firebug adalah ekstensi yang paling kuat untuk debugging javascript, melihat CSS dan html. Anda dapat membuat perubahan dinamis pada kode dan CSS, dan menggunakannya untuk men-debug kode Ajax Anda. Ini benar-benar ekstensi terbaik di luar sana.
Web Developer Extension
Salah satu ekstensi terbaik untuk x tahun berjalan. Ini adalah keharusan bagi pengembang, tapi Anda sudah pernah mendengarnya.
Aardvark Extension
Ekstensi ini adalah ekstensi yang sangat ringan yang dengan mudah akan menunjukkan elemen pada halaman dan kelas / id yang ditugaskan. Ini lebih mudah digunakan daripada ekstensi pengembang web untuk saat-saat ketika Anda hanya memerlukan info cepat untuk sebuah elemen. Anda juga bisa menggunakannya untuk menghapus elemen dari halaman.
Colorzilla
Pilih warna dengan mudah. Tidak ada lagi rasa sakit karena menemukan warna yang tertanam di suatu tempat dalam stylesheet.
Melihat Sumber Dengan
Anda dapat mengatur beberapa sumber profil tampilan untuk membuka sumber dalam berbagai aplikasi.
HTML Validator
Ekstensi ini memungkinkan Anda memvalidasi HTML halaman Anda dengan mudah dan memasangnya ke panel View Source.
Greasemonkey
Ini bukan ekstensi pengembang web, namun Greasemonkey sangat mengagumkan, tidak kalah pentingnya untuk mengotomatisasi tindakan yang dilakukan secara umum, yang merupakan penghemat waktu yang hebat untuk pengembang web.
Ukur Ini
Mudah mengukur jarak di layar dengan ekstensi ini. Setelah mengukur area, Anda dapat menarik persegi panjang di sekitar layar untuk digunakan sebagai perbandingan.
IE Lihat / IE Tab / OperaView / FirefoxView / Safari Lihat / IE Lihat Lite
Ekstensi ini( pilih) memungkinkan Anda melihat halaman ini dengan mudah di berbagai browser. Tab IE bahkan akan membiarkan Anda menjalankan IE di dalam tab, jika Anda menginginkannya.
Tombol Clear Cache
Membersihkan cache. Terutama berguna untuk memeriksa perubahan CSS baru.
Restart Firefox
Restart ekstensi Firefox sangat berguna untuk menutup dan me-restart Firefox dengan semua tab dan sesi secara utuh.
Tab Mix Plus
Perpanjangan Tab Mix Plus adalah ekstensi yang hebat secara umum, namun memiliki beberapa fitur penting untuk pengembang web: Tab Duplikat dan URL Tab Salin.
YSlow
Ekstensi YSlow adalah ekstensi baru dari Yahoo yang akan menganalisis halaman Anda dan memberi tahu Anda di mana Anda membuat kesalahan. Ini bahkan akan memberi Anda nilai pada kinerja situs Anda. Anda akan melihat gauge kecil di pojok kanan bawah. .. ini memberitahu Anda ukuran total halaman Anda serta waktu buka. Ekstensi sangat berguna, tapi memang membutuhkan ekstensi Firebug.
Dummy Lorem Ipsum
Ekstensi generator Dummy Lipsum akan menghasilkan konten dummy untuk Anda berdasarkan teks Lorem Ipsum yang terkenal yang sangat berguna untuk meletakkan konten palsu di situs Anda.
Screengrab!
Ekstensi Screengrab akan membiarkan Anda mengambil tangkapan layar halaman, namun dapat melakukan sesuatu alat tangkapan layar biasa tidak dapat - gambar dapat diambil dari keseluruhan halaman, bukan hanya bagian yang dapat dilihat.
Ada banyak ekstensi lain yang bisa Anda gunakan, tapi ini adalah yang terbaik dari semua hal yang pernah saya lihat. Jika Anda memiliki ekstensi lain yang Anda gunakan secara teratur, tinggalkan yang disebutkan di komentar.
Pada titik ini, sekarang Anda telah mengubah Firefox menjadi alat pengembangan web utama. Luangkan waktu untuk belajar menggunakan Firebug terutama.