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.
firefox
browser-addons
formatting
html
Willbill
sumber
sumber
View
menu jendela sumber. Cukup klik kanan =>View Page Source
untuk membuka jendela ini.Jawaban:
Lihat Grafik Sumber 2.7
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:
sumber
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.
sumber
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.
sumber
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/
sumber
Plugin pengembang web:
sumber