Vaadake Chrome'i veebisaidi HTML-i elementide sisukorda

Keerukad veebiarendusprogrammid aitavad koodi hõlpsalt kirjutada, kui teeksite ilma nendeta. Need mitte ainult ei kiirenda tööd ja aitavad vältida tavalisi süntaksiprobleeme, vaid on ka suurepärane tööriist algajatele, kes võivad lihtsa HTML-i lehe kirjutamiseks vajalike pingutustega üle koormata. Kui midagi muud pole, aitavad need teil koodi õppida. Ainus puudus, mida veebiarendusprogrammiga võite kogeda, eriti kui kasutate seda koodide õppimiseks, on see, kuidas nad pole varustatud teie brauseri veebisaitide analüüsimiseks. Kui teie huvipakkuv valdkond on HTML, siis HTML5 Outliner on suurepärane Chrome'i laiendus, mis aitab teil analüüsida erinevaid HTML-elemente veebilehel. Laiend lisab URL-i ribale ruudu ikooni, millel klõpsamisel avatakse kõigi HTML 5 pealkirjade ja jaotiste sisukorra vaade. Laiend töötab ka HTML 4 elementide puhul.

Kuvatava sisukorra üksused on klõpsatavad ja laiend kerib ja tõstab esile ükskõik kumma valitud elemendi. Esiletõstmine ei tööta alati, kuid navigeerimine on täielikult funktsionaalne.

Laiendil on oma piirangud; see tuvastab kõik HTML-elemendid peaaegu igal lehel, kuid sisukord ise on erinev lugu. Tabel tugineb sellele, et kood kirjutatakse vastavalt HTML 5 nõuetele või HTML-i struktureerimisele. Kui kood neile ei vasta, võib laiend ebaõnnestuda vastuvõetava sisukorra laadimisel.

Näiteks; kui olete oma lehe paigutuse määratlemiseks kasutanud tabeleid, siis ei näe te tõenäoliselt ühtegi sisukorda. Selle põhjuseks on vaid halvasti kirjutatud kood, kuna paigutusi saab kõige paremini määratleda CSS-iga, mitte tabelitega. Praegu ei saa te laiendit kasutada lokaalselt salvestatud HTML-failides, kuna sellel on väike piirang laiendiga ja midagi pistmist Chrome'i õigustega.

Ilmselt ei ole HTML5 Outliner tavakasutaja jaoks mõeldud; see on mõeldud veebiarendajatele, nii algajatele kui ka asjatundjatele. Algajatele peaks see arendatava saidi paigutuse eelvaate kuvamisel osutuma käepäraseks. Osavate arendajate jaoks on see kiire viis veebilehel olevate elementide vahel navigeerimiseks ja nende taga oleva koodi kontrollimiseks.

Installige HTML5 Outliner Chrome'i veebipoest