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

Obsah:

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
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

Video: 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

Video: 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
Video: Windows 8 Internet Explorer App Symbol im Startmenü wiederherstellen - YouTube 2024, Apríl
Anonim
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.
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

K aplikácii Tilt môžete pristupovať zo stránky Page Inspectora prehliadača 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.
Kliknite na tlačidlo "3D" na paneli s nástrojmi inšpektora.
Štruktúru stránky sa zobrazí po aktivácii 3D režimu, ale bude to vyzerať rovnomerne, kým ju nezmeníte.
Štruktúru 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, posúvaním obrázka kliknutím pravým tlačidlom myši a priblížením a vzdiaľovaním pomocou kolieska myši.
Otočte model kliknutím ľavým tlačidlom myši, posúvaním obrázka kliknutím pravým tlačidlom myši a priblížením a vzdiaľovaním pomocou kolieska myši.
Tento pohľad je integrovaný s ostatnými nástrojmi inšpektora. Ak máte otvorené panely HTML alebo Štýl, môžete kliknúť na prvok na hte stránke a zobraziť HTML kód alebo vlastnosti CSS daného prvku.
Tento pohľad je integrovaný s ostatnými nástrojmi inšpektora. Ak máte otvorené panely HTML alebo Štýl, môžete kliknúť na prvok na hte stránke a zobraziť HTML kód alebo vlastnosti CSS daného prvku.
Image
Image

Viac funkcií 3D

Funkcia 3D vizualizácie bola založená na rozšírení Tilt, ale nemá všetky funkcie rozšírenia Tilt. ak chcete prispôsobiť farby alebo dokonca exportovať vizualizáciu ako 3D modelový súbor 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.
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.
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.
Image
Image

Editor štýlov CSS

Ak chcete zobraziť a upraviť listy štýlov CSS stránky, otvorte Editor štýlov z ponuky Web Developer.

Editor štýlov zobrazuje štýly šablón na aktuálnej stránke. Kliknutím na ikonu oka naľavo od názvu šablóny štýlu zapnite alebo vypnite štýl. Upravte štýl šablóny výberom a úpravou kódu.
Editor štýlov zobrazuje štýly šablón na aktuálnej stránke. Kliknutím na ikonu oka naľavo od názvu šablóny štýlu zapnite alebo vypnite š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 upravíte šablónu so štýlmi, na stránke sa počas zadávania zobrazia úpravy.
Zmeny sa okamžite premietnu na stránku. Ak vypnete štýl šablóny, stránka stratí informácie o štýle. Ak upravíte šablónu so štýlmi, na stránke sa počas zadávania zobrazia úpravy.
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 do okna Editoru štýlov pridávať nový, prázdny štýl s odkazmi Uložiť, importovať alebo Nové.
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 do okna Editoru štýlov pridávať nový, prázdny štýl s odkazmi Uložiť, importovať alebo Nové.

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 premietnu do zobrazenia 3D. To tiež funguje s rozšíreniami tretích strán, ktoré upravujú webové stránky, ako napríklad Firebug.

Odporúča: