Fitur pengembang web Firefox yang baru, dalam kombinasi dengan add-on web-developer yang mengagumkan seperti Firebug dan Toolbar Pengembang Web, menjadikan Firefox sebagai browser ideal untuk pengembang web. Semua alat tersedia di bawah Pengembang Web di menu Firefox.
Inspektur Halaman
Periksa elemen tertentu dengan mengklik kanan dan memilih Memeriksa (atau menekan Q). Anda juga bisa meluncurkan Inspektur dari menu Pengembang Web.
Jika Anda ingin memilih elemen baru, klik Memeriksa di bilah alat, arahkan mouse ke atas halaman dan klik elemen Anda. Firefox menyoroti elemen di bawah kursor Anda.
Inspektur HTML
Klik HTML tombol untuk melihat kode HTML dari elemen yang sedang dipilih.
Inspektur HTML memungkinkan Anda memperluas dan menciutkan tag HTML, sehingga mudah untuk memvisualisasikan dalam sekejap. Jika Anda ingin melihat HTML laman dalam file datar, Anda dapat memilih Lihat sumber halaman dari menu Pengembang Web.
Inspektur CSS
Klik Gaya tombol untuk melihat aturan CSS diterapkan pada elemen yang dipilih.
Ada juga panel properti CSS - beralih di antara keduanya dengan mengeklik Aturan dan Properties tombol. Untuk membantu Anda menemukan properti tertentu, panel properti menyertakan kotak pencarian.
Anda dapat mengedit CSS elemen dengan cepat dari panel Aturan. Hapus centang pada salah satu kotak centang untuk menonaktifkan aturan, klik teks untuk mengubah aturan, atau tambahkan aturan Anda sendiri ke elemen di bagian atas panel. Di sini, saya telah menambahkan font-weight: bold; Aturan CSS, membuat teks elemen menjadi tebal.
Scratchpad JavaScript
Scratchpad juga melihat pembaruan dengan Firefox 10, dan sekarang berisi penyorotan sintaks. Anda dapat mengetikkan kode JavaScript untuk berjalan di halaman saat ini.
Setelah Anda selesai, klik Menjalankan menu dan pilih Menjalankan. Kode berjalan di tab saat ini.
Konsol Web
Konsol Web menggantikan Konsol Error lama, yang telah usang dan akan dihapus dalam versi Firefox yang akan datang.
Apa itu pesan pengembang web? Ini adalah pesan yang dicetak ke objek window.console. Misalnya, kita bisa menjalankan window.console.log ("Hello World"); Kode JavaScript di Scratchpad untuk mencetak pesan pengembang ke konsol. Pengembang web dapat mengintegrasikan pesan-pesan ini ke dalam kode JavaScript mereka untuk membantu dengan debugging.
Pada Firefox 10, Konsol Web dapat bekerja sama dengan Page Inspector. Variabel $ 0 mewakili objek yang dipilih saat ini di inspektur. Jadi, misalnya, jika Anda ingin menyembunyikan objek yang saat ini dipilih, Anda dapat menjalankannya $ 0.style.display = "tidak ada" di konsol.
Dapatkan Alat Lainnya
Itu Dapatkan Alat Lainnya pilihan membawa Anda ke koleksi add-on Toolbox Pengembang Web di situs web Mozilla Add-Ons. Ini berisi beberapa add-on terbaik untuk pengembang web, termasuk Firebug dan Toolbar Pengembang Web.
Jika Anda sudah menggunakan Firefox selama beberapa tahun, Anda mungkin ingat Inspektur DOM. Alat pengembang terintegrasi dari Firefox telah ada sejak saat itu.
