HTML kodo išskleidimas internete
Paverskite sutankintą puslapio kodą skaitomu žymėjimu. Žymos gauna įtraukas pagal įdėjimo gylį, atributai pateikiami aiškiai, o įterpti scenarijai ir stiliai formatuojami kartu su dokumentu.
Kodėl puslapio kodas atrodo taip
HTML sutankinimo įrankiai sutraukia tarpus tarp žymų, pašalina komentarus, nebūtinas uždarymo žymas ir kabutes aplink atributų reikšmes, kurioms jų nereikia. Serverio šablonai dar labiau paslepia struktūrą, nes iš daugybės fragmentų surinktas puslapis atkeliauja vienu srautu, neprimenančiu pradinių failų. Atverkite beveik bet kurios veikiančios svetainės kodą ir rasite kelias milžiniškas eilutes. Norint surasti skyriaus uždarymo žymą tenka akimis skaičiuoti kampinius skliaustus.
Svarbiausia yra struktūra
HTML yra medis, o vienoje plokščioje eilutėje medį skaityti sunku. Įtraukos pagal įdėjimo gylį iškart parodo dokumento formą: kur baigiasi antraštės sritis, koks konteineris apgaubia pagrindinį turinį, kokiame gylyje yra komponentas ir kuriam elementui trūksta uždarymo žymos. Todėl suformatuotas puslapio kodas padeda tikrinti antraščių tvarką, nagrinėti sistemos sugeneruotą žymėjimą ar suprasti, kaip kitoje svetainėje sukurta jus dominanti dalis.
Tvarkomi ir įterpti scenarijai bei stiliai
Tikras puslapis retai susideda vien iš žymėjimo. Analitikos ištraukos, JSON-LD struktūriniai duomenys, konfigūracijos objektai ir kritinis CSS įterpiami tiesiai į dokumentą, o sutankinimo įrankis apdoroja ir juos. Formatuoklis kiekvienam įterptam blokui parenka tinkamą analizatorių. Todėl script žymoje esantis sutankintas JavaScript tampa skaitomu JavaScript, style žymos turinys tampa aiškiu CSS, o viskas lieka tinkamai įtrauktame dokumente.
Atsižvelgiama į tarpams jautrias žymas
Įtraukos pakeičia tarpus tarp HTML žymų, o tarpai gali turėti reikšmę. Formatuoklis į tai atsižvelgia: pre ir textarea turinys paliekamas nepakeistas, o eilutiniai elementai neskaidomi taip, kad aplink tekstą atsirastų ar išnyktų matomi tarpai. Taip gaunate skaitomą dokumentą ir išsaugote puslapio atvaizdavimą. Jei ketinate rezultatą vykdyti, vis tiek peržiūrėkite kopiją ir atlikite įprastas projekto patikras.
Dažniausiai užduodami klausimai
Ar galima įklijuoti visą puslapio pirminį kodą?
Taip. Nukopijuokite kodą naršyklėje per view-source arba išsaugokite puslapį ir atverkite failą. Bus suformatuotas visas dokumentas, įskaitant head, body, įterptus scenarijus ir struktūrinius duomenis.
Ar formatavimas pakeičia puslapio vaizdą?
Neturėtų. Tarpams jautrūs elementai, tokie kaip pre ir textarea, išsaugomi, o eilutinis turinys apdorojamas atsargiai. Vis dėlto skaitymui formatuokite kopiją, o prieš naudodami rezultatą veikiančioje svetainėje jį patikrinkite.
Ar galima formatuoti Twig arba Blade šablonus?
Iš dalies. Įprastas žymėjimas formatuojamas tinkamai, tačiau savitą sintaksę turinčios šablonų žymos gali suklaidinti HTML analizatorių. Įrankis skirtas HTML, kurį gauna naršyklė, o ne jį sugeneravusiam šablonui.