Cara Menggunakan Alat Pembangun Web Firefox
Menu Pembangun Web Firefox mengandungi alat untuk memeriksa halaman, melaksanakan kod JavaScript sewenang-wenang, dan melihat permintaan HTTP dan mesej lain. Firefox 10 menambah alat Pemeriksa serba baharu dan mengemas kini Scratchpad.
Ciri-ciri pemaju web baru Firefox, dalam kombinasi dengan pembangun web yang mengagumkan seperti Firebug dan Toolbar Pengembang Web, menjadikan Firefox pelayar yang ideal untuk pemaju web. Semua alatan boleh didapati di bawah Pembangun Web dalam menu Firefox.
Inspektor Page
Periksa elemen tertentu dengan mengklik kanan dan memilih Periksa (atau menekan Q). Anda juga boleh melancarkan Inspektor dari menu Pembangun Web.
Anda akan melihat bar alat di bahagian bawah skrin, yang boleh anda gunakan untuk mengawal pemeriksa. Elemen yang anda pilih akan diserlahkan dan elemen lain pada halaman akan dimalapkan.
Sekiranya anda ingin memilih elemen baru, klik Periksa butang pada bar alat, gerakkan tetikus anda ke atas halaman dan klik elemen anda. Firefox menyoroti elemen di bawah kursor anda.
Anda boleh menavigasi antara unsur ibu bapa dan kanak-kanak dengan mengklik serbuk roti pada bar alat.
Inspektor HTML
Klik HTML butang untuk melihat kod HTML unsur yang sedang dipilih.
Pemeriksa HTML membolehkan anda memperluas dan meruntuhkan tag HTML, menjadikannya mudah digambarkan dengan pantas. Jika anda mahu melihat HTML halaman dalam fail rata, anda boleh memilih Lihat sumber halaman dari menu Pembangun Web.
Inspektor CSS
Klik Gaya butang untuk melihat peraturan CSS yang digunakan untuk elemen yang dipilih.
Terdapat juga panel sifat CSS - menukar antara kedua dengan mengklik Peraturan dan Hartanah butang. Untuk membantu anda mencari sifat khusus, panel sifat termasuk kotak carian.
Anda boleh mengedit CSS unsur secara lalai dari panel Peraturan. Nyahtanda mana-mana kotak semak untuk menyahaktifkan peraturan, klik teks untuk mengubah peraturan, atau tambahkan aturan anda sendiri ke elemen di bahagian atas anak tetingkap. Di sini, saya telah menambah font-weight: bold; Peraturan CSS, menjadikan teks elemen berani.
Scratchpad JavaScript
Scratchpad juga melihat kemas kini dengan Firefox 10, dan kini mengandungi penunjuk sintaks. Anda boleh menaip kod JavaScript untuk berjalan pada halaman semasa.
Sebaik sahaja anda ada, klik Jalankan menu dan pilih Jalankan. Kod berjalan dalam tab semasa.
Konsol Web
Konsol Web menggantikan Konsol Ralat lama, yang telah ditamatkan dan akan dikeluarkan dalam versi Firefox masa depan.
Konsol memaparkan empat jenis mesej yang berbeza, yang boleh anda toggle penglihatan - permintaan rangkaian, mesej ralat CSS, mesej ralat JavaScript dan mesej pembangun web.
Apakah mesej pemaju web? Ini mesej yang dicetak ke objek window.console. Sebagai contoh, kita boleh menjalankan window.console.log ("Hello World"); Kod JavaScript dalam Scratchpad untuk mencetak mesej pembangun ke konsol. Pemaju web boleh mengintegrasikan mesej ini ke dalam kod JavaScript mereka untuk membantu penyahpepijatan.
Muat semula halaman dan anda akan melihat permintaan rangkaian yang dijana dan mesej lain.
Gunakan kotak carian untuk menapis mesej; klik permintaan jika anda mahu melihat lebih banyak butiran.
Sehubungan dengan Firefox 10, Konsol Web boleh berfungsi seiring dengan Inspektor Halaman. Pembolehubah $ 0 mewakili objek yang sedang dipilih dalam pemeriksa. Jadi, sebagai contoh, jika anda ingin menyembunyikan objek yang sedang dipilih, anda boleh lari $ 0.style.display = "none" dalam konsol.
Jika anda berminat untuk mengetahui lebih lanjut mengenai penggunaan konsol dan fungsi terbina dalamnya, lihat halaman Web Konsol di laman web Rangkaian Pembangun Mozilla.
Dapatkan Lebih Banyak Peralatan
The Dapatkan Lebih Banyak Peralatan pilihan akan membawa anda ke koleksi alat Kotak Alat Pembangun Web pada laman web Mozilla Add-Ons. Ia mengandungi beberapa pengaya yang terbaik untuk pemaju web, termasuk Firebug dan Toolbar Pembangun Web.
Jika anda telah menggunakan Firefox selama beberapa tahun, anda mungkin mengingati Inspektor DOM. Alat pemaju bersepadu Firefox telah datang jauh sejak itu.
