Nyahminifikasi HTML dalam talian
Tukarkan sumber halaman termampat menjadi penanda yang mudah dibaca. Tag diindenkan mengikut kedalaman sarang, atribut disusun dengan munasabah, dan skrip serta gaya terbenam diformatkan bersama dokumen.
Mengapa sumber halaman kelihatan begitu
Peminifikasi HTML memampatkan ruang antara tag, membuang komen, menggugurkan tag penutup pilihan dan membuang tanda petik pada nilai atribut yang tidak memerlukannya. Penggunaan templat pada pelayan menambah kesulitan kerana halaman yang dipasang daripada berpuluh-puluh cebisan diterima sebagai satu aliran tanpa kaitan yang jelas dengan fail asalnya. Buka sumber hampir mana-mana laman produksi dan anda akan menemui dokumen dengan beberapa baris yang amat panjang. Mencari tag penutup sesuatu bahagian akhirnya memerlukan anda mengira kurungan sudut dengan mata.
Struktur ialah perkara utama
HTML ialah struktur pepohon yang sukar dibaca apabila dipaparkan secara rata. Inden mengikut kedalaman sarang terus menunjukkan bentuk dokumen: tempat pengepala berakhir, bekas yang membalut kandungan utama, kedalaman sesuatu komponen dan elemen yang kehilangan tag penutup. Inilah yang menjadikan sumber berformat berguna untuk menyemak susunan tajuk, memeriksa penanda yang dijana oleh rangka kerja atau memahami cara laman lain menyusun bahagian yang ingin anda pelajari.
Skrip dan gaya terbenam turut diproses
Halaman sebenar jarang mengandungi penanda sahaja. Petikan analitik, data berstruktur JSON-LD, objek konfigurasi dan CSS kritikal dimasukkan terus ke dalam dokumen, lalu turut dimampatkan oleh peminifikasi. Pemformat menggunakan penghurai yang sesuai untuk setiap blok terbenam. Tag script yang mengandungi JavaScript termampat menghasilkan JavaScript yang mudah dibaca, manakala tag style menghasilkan CSS yang mudah dibaca, semuanya dalam dokumen yang diindenkan dengan betul.
Pemformatan menghormati tag yang peka terhadap ruang
Mengindenkan HTML mengubah ruang antara tag, dan ruang kadangkala mempunyai makna. Pemformat mengambil kira hal ini: kandungan pre dan textarea dibiarkan seperti asal, dan elemen sebaris tidak dipecahkan dengan cara yang menambah atau membuang ruang yang kelihatan di sekitar teks. Oleh itu, anda boleh membaca dokumen dengan lebih mudah sambil mengekalkan cara halaman dipaparkan.
Soalan lazim
Bolehkah saya menampal seluruh sumber halaman?
Ya. Salin sumber melalui view-source dalam pelayar atau simpan halaman dan buka failnya. Seluruh dokumen, termasuk head, body, skrip terbenam dan data berstruktur, akan diformatkan.
Adakah pemformatan mengubah paparan halaman?
Sepatutnya tidak. Elemen yang peka terhadap ruang seperti pre dan textarea dikekalkan, manakala kandungan sebaris dikendalikan dengan teliti. Walau bagaimanapun, formatkan salinan untuk dibaca dan uji hasilnya sebelum menggunakannya dalam produksi.
Adakah alat ini menyokong templat seperti Twig atau Blade?
Sebahagiannya. Penanda biasa diformatkan dengan baik, tetapi tag templat dengan sintaks sendiri boleh mengelirukan penghurai HTML. Alat ini direka untuk HTML yang sebenarnya diterima oleh pelayar dan bukannya templat yang menghasilkannya.