Laman » bagaimana untuk » Buat Profil Pembangunan Web Ultimate Firefox

    Buat Profil Pembangunan Web Ultimate Firefox

    Apabila dikonfigurasi dengan betul, Firefox boleh menjadi alat pembangunan web muktamad, memberikan anda akses langsung ke halaman yang sedang anda kerjakan agar anda dapat gaya halaman anda secara real-time, debug javascript atau bahkan mengedit html.

    Buat Profil Terasing untuk Pembangunan Web

    Memasang semua alat pembangunan ini akan menjadikan Firefox menjadi penyemak imbas yang sangat berat, jadi kita harus terlebih dahulu membuat profil baru untuk Firefox.

    Anda boleh melancarkan profil berasingan pada masa yang sama dengan profil biasa anda dengan membuat pintasan baru dengan hujah-hujah ini, menggantikan WebDev dengan nama profil anda. Terdapat juga penjelasan yang lebih terperinci tentang cara melakukan ini.

    firefox.exe -P WebDev -no-remote

    Sekarang bahawa anda telah mengkonfigurasi Firefox dengan profil yang berasingan hanya untuk pembangunan web, mari kita melihat sambungan yang boleh kita gunakan untuk menjadikan Firefox masuk ke alat pembangunan web muktamad.

    Mesti Mempunyai Sambungan Dev Web

    Ini adalah semua pelanjutan yang saya gunakan secara tetap untuk pembangunan web.

    Firebug

    Firebug adalah pelanjutan yang paling kuat untuk debugging javascript, melihat CSS dan html. Anda boleh membuat perubahan dinamik pada kod dan CSS, dan menggunakannya untuk debug kod Ajax anda. Ia benar-benar sambungan terbaik di luar sana.

    Sambungan Pemaju Web

    Salah satu sambungan terbaik untuk x tahun berjalan. Ini adalah kemestian untuk mana-mana pemaju, tetapi anda sudah mendengarnya.

    Aardvark Extension

    Pelanjutan ini adalah lanjutan yang sangat ringan yang dengan mudah akan menunjukkan unsur-unsur pada halaman dan kelas / id mereka yang diberikan. Ia lebih mudah untuk digunakan daripada lanjutan pemaju web untuk masa-masa apabila anda hanya memerlukan maklumat cepat untuk elemen. Anda juga boleh menggunakannya untuk mengalih keluar elemen dari halaman tersebut.

    Colorzilla

    Pilih warna dengan mudah. Tidak ada lagi rasa sakit untuk mencari warna yang tertanam di suatu tempat dalam lembaran gaya.

    Lihat Sumber Dengan

    Anda boleh menyediakan pelbagai profil sumber paparan untuk membuka sumber dalam aplikasi yang berbeza.

    Validator HTML

    Pelanjutan ini membolehkan anda dengan mudah mengesahkan HTML halaman anda dan memasang ke dalam panel Lihat Sumber.

    Gris monyet

    Ini bukannya lanjutan pembangun laman web, tetapi Greasemonkey adalah hebat, tidak kurang untuk keupayaan untuk mengautomasikan tindakan yang sering dilakukan, yang merupakan penyelamat masa yang hebat untuk pemaju web.

    Ukur Ia

    Mudah mengukur jarak pada skrin dengan sambungan ini. Sebaik sahaja anda telah mengukur kawasan, anda boleh menyeret persegi panjang di sekitar skrin untuk digunakan sebagai perbandingan.

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

    Pelanjutan ini (mengambil pilihan anda) membolehkan anda dengan mudah melihat halaman semasa dalam pelayar yang berbeza. IE Tab bahkan akan membolehkan anda menjalankan IE di dalam tab, jika anda begitu cenderung.

    Jelas Cache Button

    Bersihkan cache. Terutama berguna untuk menyemak perubahan CSS baru.

    Restart Firefox

    Pelanjutan Firefox Restart sangat berguna untuk menutup dan memulakan semula Firefox dengan semua tab dan sesi utuh.

    Tab Mix Plus

    Sambungan Tab Mix Plus adalah sambungan hebat secara umum, tetapi mempunyai beberapa ciri dasar yang berguna untuk pemaju web: Tab Duplikat dan URL Salin Tab.

    YSlow

    Pelanjutan YSlow adalah sambungan baru dari Yahoo yang akan menganalisis halaman anda dan memberitahu anda di mana anda membuat kesilapan. Ia akan memberi anda gred pada prestasi tapak anda. Anda akan melihat tolok ukur di sudut kanan bawah ... ia memberitahu anda jumlah saiz halaman anda serta masa beban. Sambungan yang sangat berguna, tetapi ia memerlukan sambungan Firebug.

    Dummy Lorem Ipsum

    Pelanjutan penjana Dummy Lipsum akan menghasilkan kandungan dummy untuk anda berdasarkan teks Lorem Ipsum yang terkenal yang sangat berguna untuk meletakkan kandungan palsu di tapak anda.

    Screengrab!

    Pelanjutan Screengrab akan membolehkan anda mengambil tangkapan skrin halaman, tetapi boleh melakukan sesuatu alat tangkapan skrin biasa tidak boleh - ia boleh mengambil gambar dari keseluruhan halaman, bukan hanya bahagian yang boleh dilihat.

     

    Terdapat banyak sambungan lain yang boleh anda gunakan, tetapi ini adalah yang terbaik daripada yang saya lihat. Sekiranya anda mempunyai pelanjutan lain yang anda gunakan dengan kerap, letakkan sebutan di dalam komen.

    Pada ketika ini, anda telah menjadikan Firefox sebagai alat pembangunan web utama. Luangkan masa untuk belajar cara menggunakan Firebug terutamanya.