Beranda » bagaimana » Buat Profil Pengembangan Web Firefox Ultimate

    Buat Profil Pengembangan Web Firefox Ultimate

    Ketika dikonfigurasi dengan benar, Firefox dapat menjadi alat pengembangan web terbaik, memberi Anda akses langsung ke halaman yang sedang Anda kerjakan sehingga Anda dapat menata 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 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 yang lebih rinci tentang cara melakukan ini.

    firefox.exe -P WebDev -tidak-jauh

    Sekarang setelah Firefox dikonfigurasikan dengan profil terpisah hanya untuk pengembangan web, mari kita lihat ekstensi yang dapat kita gunakan untuk menjadikan Firefox menjadi alat pengembangan web terbaik.

    Ekstensi Web Dev yang Harus Dimiliki

    Ini semua adalah ekstensi yang saya gunakan secara teratur untuk pengembangan web.

    Pembakar

    Firebug adalah ekstensi paling ampuh 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.

    Ekstensi Pengembang Web

    Salah satu ekstensi terbaik selama x tahun berjalan. Ini harus dimiliki oleh pengembang mana pun, tetapi Anda sudah pernah mendengarnya.

    Ekstensi Aardvark

    Ekstensi ini adalah ekstensi yang sangat ringan yang akan dengan mudah menunjukkan elemen-elemen pada halaman dan kelas / id yang ditugaskan. 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.

    Colorzilla

    Pilih warna dengan mudah. Tidak ada lagi rasa sakit menemukan warna yang tertanam di suatu tempat di stylesheet.

    Lihat Sumber Dengan

    Anda dapat mengatur beberapa profil sumber tampilan untuk membuka sumber di berbagai aplikasi.

    Validator HTML

    Ekstensi ini memungkinkan Anda dengan mudah memvalidasi HTML halaman Anda dan menginstal ke panel View Source.

    Greasemonkey

    Ini 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.

    Ukur itu

    Mudah mengukur jarak di layar dengan ekstensi ini. Setelah Anda mengukur suatu area, Anda dapat menyeret persegi panjang di sekitar layar untuk digunakan sebagai perbandingan.

    Lihat IE / Tab IE / OperaView / FirefoxView / Tampilan Safari / IE View Lite

    Ekstensi ini (pilihlah) memungkinkan Anda dengan mudah melihat halaman saat ini di berbagai browser. IE Tab bahkan akan membiarkan Anda menjalankan IE di dalam tab, jika Anda memang cenderung.

    Bersihkan Tombol Cache

    Membersihkan cache. Sangat berguna untuk memeriksa perubahan CSS baru.

    Mulai ulang Firefox

    Ekstensi Restart Firefox sangat berguna untuk menutup dan memulai kembali Firefox dengan semua tab dan sesi utuh.

    Tab Mix Plus

    Ekstensi Tab Mix Plus adalah ekstensi yang bagus secara umum, tetapi memiliki beberapa fitur yang pada dasarnya berguna untuk pengembang web: Duplicate Tab dan Copy Tab URL.

    YSlow

    Ekstensi YSlow adalah ekstensi baru dari Yahoo yang akan menganalisis halaman Anda dan memberi tahu Anda di mana Anda membuat kesalahan. Itu bahkan akan memberi Anda nilai pada kinerja situs Anda. Anda akan melihat pengukur kecil di sudut kanan bawah ... ini memberi tahu Anda ukuran total halaman Anda dan juga waktu buka. Ekstensi yang sangat berguna, tetapi 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 memungkinkan Anda mengambil tangkapan layar halaman, tetapi dapat melakukan sesuatu yang tidak bisa dilakukan oleh tangkapan layar biasa - ekstensi ini dapat mengambil gambar seluruh halaman, 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 saya lihat. Jika Anda memiliki ekstensi lain yang Anda gunakan secara teratur, tinggalkan sebutan di komentar.

    Pada titik ini, Anda sekarang telah mengubah Firefox menjadi alat pengembangan web terbaik. Luangkan waktu untuk mempelajari cara menggunakan Firebug khususnya.