HTML Viewer: HTML Inspector

Pemapar HTML membantu pembangun web, pelajar dan pemilik tapak meneroka penanda di sebalik laman web dan mencuba perubahan pada peranti mereka. Masukkan URL untuk melihat sumber, mengedit HTML, memeriksa sumber halaman atau menyemak isu struktur biasa. Pilih alat yang sesuai dengan soalan anda tanpa memulakan persediaan pembangunan penuh.

BACA, EDIT DAN PRATONTON

Buka halaman dalam editor HTML dan bandingkan kod anda dengan output yang dipaparkan. Hidupkan pratonton berpecah untuk melihat perubahan semasa anda bekerja. Penonjolan sintaks, cadangan tag, cari dan ganti, kawalan pergi ke baris, buat asal dan buat semula membantu anda menavigasi dokumen yang lebih panjang. Format penanda untuk bacaan yang lebih mudah atau gunakan tindakan minikan untuk memadatkannya.

Mulakan eksperimen dengan pemula HTML, halaman pendaratan, borang yang boleh diakses atau templat kad yang boleh digunakan semula. Editor juga menandakan masalah biasa seperti tag yang tidak sepadan, ID pendua dan atribut alt imej yang hilang. Buka fail .html setempat, simpan dokumen yang diedit atau kongsi kod melalui tindakan peranti yang tersedia. Pengeditan menjejaskan salinan kerja anda, bukan laman web asal.

STRUKTUR HALAMAN ULASAN

Jalankan laporan tapak untuk menyemak tajuk, perihalan meta, URL kanonik, bahasa dokumen, metadata viewport dan metadata perkongsian sosial. Terokai tahap dan kiraan tajuk untuk pautan, imej, skrip, gaya dan borang. Penemuan menarik perhatian kepada label yang hilang, pautan tanpa nama, ID pendua dan rujukan sumber yang tidak selamat. Salin atau kongsi laporan semasa membincangkan halaman dengan orang lain.

SEMASAK PAUTAN DAN SUMBER

Imbas pautan, imej, skrip luaran dan helaian gaya halaman yang dimuatkan. Lihat respons yang berfungsi, dialihkan dan gagal, bezakan alamat dalaman daripada luaran dan tapis hasil untuk menumpukan pada sumber yang rosak atau tidak selamat. Cari hasil, salin URL individu atau salin laporan teks untuk susulan. Kegagalan permintaan juga boleh mencerminkan sekatan pelayan atau sambungan.

CUBA PANDANGAN BERBEZA

Gunakan pratetap pratonton responsif untuk saiz telefon, tablet dan desktop atau masukkan dimensi tersuai. Putar viewport, laraskan zum dan pilih skema warna terang, gelap atau sistem. Segarkan semula dengan ejen pengguna yang berbeza apabila laman web menyediakan kandungan yang dipaparkan oleh pelayan yang berbeza. Kongsikan pratonton semasa sebagai tangkapan skrin. Port pandangan simulasi membantu membandingkan susun atur; ia tidak menghasilkan semula setiap peranti fizikal.

LIHAT TINGKAH LAKU PRATONTON

Pemapar konsol mengumpul mesej, amaran dan ralat daripada pratonton halaman berinstrumen aplikasi. Pemeriksa rangkaian menunjukkan pengambilan yang ditangkap, XMLHttpRequest dan aktiviti sumber dengan status dan butiran masa yang tersedia. Kosongkan entri, muat semula pratonton dan gunakan penapis untuk menyiasat masalah tertentu. Alat ini memeriksa pratonton tersebut, bukannya trafik daripada aplikasi lain.

SIMPAN RUJUKAN BERGUNA

Layari imej halaman yang diekstrak, cari mengikut nama atau format fail dan pratonton imej sebelum menyimpannya. Kongsikan tangkapan skrin port pandangan eksport yang kelihatan atau cipta PDF halaman yang dimuatkan. Tangkapan PDF dihadkan kepada 16,000 piksel ketinggian halaman. Simpan URL kegemaran, gunakan cadangan alamat dan cari sejarah pemeriksaan terkini untuk kembali ke tapak yang berguna.

Pemuatan laman web, semakan sumber dan kandungan jauh memerlukan sambungan internet. Halaman yang dilindungi, imej yang disekat dan peraturan keselamatan pelayar boleh mengehadkan hasil atau eksport. Gunakan toolkit untuk mengkaji kandungan web yang boleh diakses dan uji idea anda sendiri, dengan tema terang, gelap dan aplikasi sistem yang tersedia untuk bacaan yang selesa.