Saya menulis situs Web dalam PHP, dan HTML yang dibuatnya tidak diformat dengan baik dan sulit dibaca di Firefox (sebagian besar hanya dalam satu baris).
Saya tidak ingin mengacaukan kode PHP saya dengan menambahkan banyak hal pemformatan ruang putih, jadi saya bertanya-tanya apakah ada opsi atau mungkin add-on untuk Firefox yang akan memberi saya kemampuan untuk melihat sumber yang indentasi sesuai dengan struktur HTML.
Jawaban:
Bekerja dengan baik, instal ekstensi dari sini: https://addons.mozilla.org/en-US/firefox/addon/655/
Klik kanan -> Lihat bagan sumber
Inilah yang saya dapatkan dari sumber HTML beranda Google:
Sebelum:
Setelah:
Dari sini
Lihat Sumber Grafik Secara grafik menampilkan struktur sumber.
JSView 2.0.5 Menampilkan informasi pada file eksternal halaman.
SorotSemua Sorot elemen identik dalam kode.
Html Validator Memvalidasi HTML dari halaman saat ini.
Lihat Sumber Terformat Menampilkan struktur sumber.
SourceEditor Memungkinkan untuk mengedit kode dan melihat hasilnya.
Saya biasanya menggunakan Firebug untuk men -debug output html.
Ini memungkinkan saya untuk melihat html seperti yang diberikan oleh browser, bersama dengan sumber yang diformat dengan baik di Firebug. Saya juga dapat memeriksa elemen dalam html yang ditampilkan dan melihat dari mana asalnya di sumber html yang berasal.
Jika ada yang mencari fungsi yang sama pada tahun 2019, ada Fire Source Viewer [1] untuk Firefox Quantum yang menampilkan HTML DOM yang dipercantik setelah javascripts memanipulasi, yang bahkan lebih baik daripada hanya memiliki sumber html yang dikirimkan oleh server web.
[1] https://addons.mozilla.org/en-US/firefox/addon/fire-source-viewer/
Ekstensi Pengembang Web menambahkan berbagai alat pengembang web ke browser. Ekstensi ini tersedia untuk Chrome dan Firefox, dan akan berjalan pada platform apa pun yang didukung browser ini termasuk Windows, OS X dan Linux
Viewmenu jendela sumber. Cukup klik kanan =>View Page Sourceuntuk membuka jendela ini.