Lihat dan edit HTML dan CSS dengan Firebug

Penerangan

Dalam bab tutorial ini, kita akan membincangkan cara melihat dan mengedit HTML dan CSS menggunakan Firebug.

Gunakan Firebug untuk melihat dan mengedit HTML

Klik kanan pada elemen yang anda mahu lihat dan klik Inspect Element.

Sekarang klik pada Edit pada tetingkap Firebug.

Ubah suai kod<h1>Komponen Firebug</h1> .

Anda hanya perlu untuk Mengubah suai kod dalam tetingkap Firebug dan anda boleh melihat kesan paparan kod yang diubah suai pada penyemak imbas dalam masa nyata Anda juga boleh menyalin kod ke fail HTML anda.

Gunakan Firebug untuk melihat dan mengedit Css

Klik kanan elemen yang anda mahu lihat dan klik Inspect Element (view element). Seperti yang ditunjukkan dalam gambar di bawah, klik fail gaya

dan ubah suai warna tajuk dengan mengubah suai kod kepada warna:merah;

Selepas pengubahsuaian selesai, anda Anda boleh melihat kesan pengubahsuaian serta-merta.

Kini anda boleh menyalin gaya yang diubah suai, menggantikan kod asal dan menyimpannya untuk menjadikannya berkesan: