Jika dikonfigurasi dengan benar, Firefox dapat menjadi alat pengembangan web terbaik, memberi Anda akses langsung ke halaman yang sedang Anda kerjakan sehingga Anda dapat mengatur gaya halaman Anda secara real-time, men-debug javascript atau bahkan mengedit html.
Buat Profil Terpisah untuk Pengembangan Web
Menginstal 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 pada saat yang sama dengan profil biasa Anda dengan membuat pintasan baru dengan argumen ini, menggantikan WebDev dengan nama profil Anda. Ada juga penjelasan lebih detail tentang bagaimana melakukan ini.
firefox.exe -P WebDev -tidak jauh
Sekarang setelah Anda mengonfigurasi Firefox dengan profil terpisah hanya untuk pengembangan web, mari kita lihat ekstensi yang dapat kita gunakan untuk menjadikan Firefox sebagai alat pengembangan web terbaik.
Ekstensi Pengembang Web yang Harus Dimiliki
Ini semua adalah ekstensi yang saya gunakan secara teratur untuk pengembangan web.
Firebug adalah ekstensi paling kuat untuk men-debug 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 yang pernah ada.
Salah satu ekstensi terbaik selama x tahun berjalan. Ini harus dimiliki oleh setiap pengembang, tetapi Anda sudah pernah mendengarnya.
Ekstensi ini adalah ekstensi yang sangat ringan yang akan dengan mudah menampilkan elemen pada halaman dan kelas / id yang ditetapkan. Ini lebih mudah digunakan daripada ekstensi pengembang web untuk saat-saat ketika Anda hanya membutuhkan info cepat untuk suatu elemen. Anda juga dapat menggunakannya untuk menghapus elemen dari halaman.
Pilih warna dengan mudah. Tidak ada lagi rasa sakit menemukan warna yang disematkan di suatu tempat di stylesheet.
Anda dapat mengatur beberapa profil sumber tampilan untuk membuka sumber di aplikasi yang berbeda.
Ekstensi ini memungkinkan Anda memvalidasi HTML halaman dengan mudah dan menginstal ke panel View Source.
Ini sebenarnya bukan ekstensi pengembang web, tetapi Greasemonkey luar biasa, paling tidak untuk kemampuan mengotomatiskan tindakan yang biasa dilakukan, yang merupakan penghemat waktu yang tepat bagi pengembang web.
Mengukur jarak dengan mudah di layar dengan ekstensi ini. Setelah Anda mengukur suatu area, Anda dapat menyeret persegi panjang di sekitar layar untuk digunakan sebagai perbandingan.
Tampilan IE / Tab IE / OperaView / FirefoxView / Tampilan Safari / IE View Lite
Ekstensi ini (pilihlah) memungkinkan Anda dengan mudah melihat halaman saat ini di browser yang berbeda. IE Tab bahkan akan membiarkan Anda menjalankan IE di dalam tab, jika Anda menginginkannya.
Bersihkan cache. Sangat berguna untuk memeriksa perubahan CSS baru.
Ekstensi Firefox Restart sangat berguna untuk menutup dan memulai ulang Firefox dengan semua tab dan sesi utuh.
Ekstensi Tab Mix Plus adalah ekstensi yang bagus secara umum, tetapi memiliki beberapa fitur yang pada dasarnya berguna untuk pengembang web: Tab Duplikat dan URL Tab Salin.
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 pengukur kecil di pojok kanan bawah… alat ini memberi tahu Anda ukuran total laman Anda serta waktu muat. Ekstensi yang sangat berguna, tetapi membutuhkan ekstensi Firebug.
Ekstensi generator Dummy Lipsum akan menghasilkan konten dummy untuk Anda berdasarkan teks Lorem Ipsum terkenal yang sangat berguna untuk meletakkan konten palsu di situs Anda.
Ekstensi Screengrab akan memungkinkan Anda mengambil tangkapan layar laman, tetapi dapat melakukan sesuatu yang tidak bisa dilakukan alat tangkapan layar biasa - dapat mengambil gambar seluruh laman, bukan hanya bagian yang dapat dilihat.
Ada banyak ekstensi lain yang dapat Anda gunakan, tetapi ini adalah yang terbaik dari yang terbaik dari semua yang pernah saya lihat. Jika Anda memiliki ekstensi lain yang Anda gunakan secara teratur, tinggalkan sebutkan di komentar.
Pada tahap ini, Anda sekarang telah mengubah Firefox menjadi alat pengembangan web terbaik. Luangkan waktu untuk mempelajari cara menggunakan Firebug secara khusus.
