Ako používať nástroje vývojára webových aplikácií prehliadača Firefox na zobrazenie webových štruktúr v režime 3D
Firefox 11 pridal dva nové nástroje na vývoj webových aplikácií pre už pôsobivý arzén Firefoxu. Funkcia Tilt vizualizuje štruktúry webových stránok v 3D, zatiaľ čo Editor štýlov môže upravovať štýly CSS za behu.
Funkcia 3D, známa ako Tilt, je spôsob vizualizácie stránky DOM. Integruje sa s existujúcim kontrolórom dokumentov a používa WebGL na zobrazenie bohatej 3D grafiky v prehliadači.
Tilt - vizualizácia webových stránok
Môžete pristupovať k aplikácii Tilt zo stránky Page Inspector spoločnosti Firefox. Ak chcete začať, otvorte stránku Page Inspector výberom položky "Inspect" z ponuky Web Developer. Môžete tiež kliknúť pravým tlačidlom myši na aktuálnu stránku a vybrať položku "Inspect Element" a spustiť inšpektor na konkrétnom prvku.
Kliknite na tlačidlo "3D" na paneli s nástrojmi inšpektora.
Štruktúra stránky sa zobrazí po aktivácii 3D režimu, ale bude to vyzerať rovnomerne, kým ju nezmeníte.
Otočte model kliknutím ľavým tlačidlom myši, premiestnite obrázok kliknutím pravým tlačidlom a zväčšením a vzdiaľovaním pomocou kolieska myši.
Tento pohľad je integrovaný s inými nástrojmi inšpektora. Ak máte otvorené panely HTML alebo Štýl, môžete kliknúť na prvok na hte stránke, aby ste si prezreli HTML kód alebo vlastností CSS.
Ďalšie funkcie 3D
Funkcia 3D vizualizácie bola založená na rozšírení Tilt, ale neobsahuje všetky funkcie rozšírenia Tilt. ak chcete prispôsobiť farby alebo dokonca exportovať vizualizáciu ako súbor 3D modelu pre použitie s 3D editačným programom, budete musieť nainštalovať doplnok Tilt 3D. Akonáhle to máte, dostanete novú možnosť "Tilt" v ponuke Web Developer.
Kliknutím na tlačidlo Zrušiť použijete na výzvu starú verziu náklonu.
Nájdete tu ovládacie prvky na prispôsobenie vizualizácie na ľavej strane okna a ďalšie možnosti vrátane funkcie exportu v hornej časti stránky.
Editor štýlov CSS
Ak chcete zobraziť a upraviť hárky štýlov CSS stránky, otvorte Editor štýlov z ponuky Web Developer.
Editor štýlov zobrazuje zoznam štýlov na aktuálnej stránke. Kliknutím na ikonu oka naľavo od názvu šablóny štýlu zapnete alebo vypnete štýl. Upravte štýl šablóny výberom a úpravou kódu.
Zmeny sa okamžite premietnu na stránku. Ak vypnete štýl šablóny, stránka stratí informácie o štýle. Ak upravujete šablónu so štýlmi, počas zadávania sa zobrazia úpravy na stránke.
K počítaču môžete uložiť kópiu jedného zo štýlov štýlov, importovať existujúci štýl zo svojho počítača alebo pridať nový prázdny štýl s odkazmi Uložiť, importovať alebo Nové odkazy v okne editora štýlov.
Funkcia 3D vizualizácie sleduje zmeny na aktuálnej stránke a upozorňuje na zmeny. Keď používate Editor štýlov s otvoreným inšpektorom 3D, vaše zmeny sa okamžite prejavia v zobrazení 3D. To tiež funguje s rozšíreniami tretích strán, ktoré upravujú webové stránky, napríklad Firebug.