Tekintse meg a HTML elemek tartalomjegyzékét egy webhelyen a Chrome-ban

click fraud protection

A kifinomult webfejlesztő programok segítenek a kódírásban, mintha nélküle tennék. Nem csak felgyorsítják a munkát és segítenek elkerülni a gyakori szintaxisproblémákat, hanem kiváló eszköz a kezdőknek is, akiket túlterheltek az egyszerű HTML oldal írásához szükséges erőfeszítések. Ha semmi más, akkor segíthetnek a kód megtanulásában. Az egyetlen hiányosság, amelyet a webfejlesztő programmal kapcsolatban tapasztalhat, különösen akkor, ha kódolásra használja, az az, hogy nincsenek felszerelve a böngésző webhelyeinek elemzésére. Ha az Ön érdeklődési területe a HTML, akkor HTML5 Outliner egy nagyszerű Chrome-bővítmény, amely segít a weboldal különböző HTML elemeinek elemzésében. A kiterjesztés négyzet alakú ikont ad az URL-sávhoz, amelyre kattintva megnyílik a HTML 5 fejlécek és szakaszok tartalomjegyzék-nézete. A kiterjesztés HTML 4 elemeknél is működik.

A megjelenített tartalomjegyzék elemei kattinthatók és a bővítmény görgeti és kiemeli a kiválasztott elemet. A kiemelés nem mindig működik, de a navigáció teljesen működőképes.

instagram viewer
HTML5 Outliner

A kiterjesztésnek megvannak a korlátai; szinte minden oldalon felismeri az összes HTML elemet, de maga a tartalomjegyzék más történet. A táblázat arra támaszkodik, hogy a kódot a megfelelő HTML 5 előírásoknak vagy a megfelelő HTML strukturálásnak megfelelően írják. Ha a kód nem felel meg ezeknek, előfordulhat, hogy a kiterjesztés nem tölt be elfogadható tartalomjegyzéket.

Például; ha táblázatokat használt az oldal elrendezésének meghatározásához, akkor valószínűleg egyáltalán nem fog megjelenni a tartalomjegyzék. Ennek oka nem más, mint a rosszul megírt kód, mivel az elrendezéseket a CSS-sel lehet meghatározni, nem pedig a táblázatokkal. Egyelőre nem fogja tudni használni a kiterjesztést helyileg elmentett HTML fájlokon, mivel a kiterjesztés korlátozott, és valami köze van a Chrome engedélyekhez.

A HTML5 Outliner nyilvánvalóan nem a közönséges felhasználó számára készült; web-fejlesztőknek szól, mind kezdőknek, mind képzett szakembereknek. A kezdők számára ez hasznosnak bizonyulhat a fejlesztés alatt álló hely elrendezésének előnézete során. Képzett fejlesztők számára ez egy gyors módja annak, hogy navigáljon a weboldal elemei között, és ellenőrizze az egyes mögött található kódot.

Telepítse a HTML5 Outliner alkalmazást a Chrome Internetes áruházból

watch instagram story