Firefox 11 přidal dva nové nástroje pro webové vývojáře Již působivý arzenál Firefoxu . Funkce Naklonit vizualizuje struktury webových stránek ve 3D, zatímco Editor stylů může průběžně upravovat šablony stylů CSS.
3D funkce, známá jako Tilt, je způsob vizualizace DOM webu. Integruje se s existujícím inspektorem dokumentů a používá WebGL k zobrazení bohaté 3D grafiky ve vašem prohlížeči.
Tilt - 3D vizualizace webových stránek
K naklonění můžete přistupovat pomocí nástroje Page Inspector ve Firefoxu. Chcete-li začít, otevřete inspektor stránek výběrem možnosti „Zkontrolovat“ z nabídky webového vývojáře. Můžete také kliknout pravým tlačítkem na aktuální stránku a vybrat „Zkontrolovat prvek“ a spustit inspektora u konkrétního prvku.
Klikněte na tlačítko „3D“ na panelu nástrojů inspektora.
Po aktivaci 3D režimu uvidíte strukturu stránky, ale bude vypadat plochá, dokud ji neotočíte.
Otočit model kliknutím levým tlačítkem, pohybovat obrázkem kliknutím pravým tlačítkem a přiblížit a oddálit pomocí kolečka myši.
Tento pohled je integrován s ostatními nástroji v inspektoru. Pokud máte otevřené panely HTML nebo Styl, můžete kliknutím na prvek na stránce zobrazit HTML kód daného prvku nebo vlastnosti CSS.
Více 3D funkcí
Funkce 3D vizualizace byla založena na rozšíření Tilt, ale nemá všechny funkce rozšíření Tilt. chcete-li přizpůsobit barvy nebo dokonce exportovat vizualizaci jako soubor 3D modelu pro použití s programem pro úpravy 3D, budete muset nainstalovat Naklonit 3D doplněk . Jakmile budete mít, dostanete v nabídce webového vývojáře novou možnost „Naklonit“.
Po zobrazení výzvy klepněte na tlačítko Storno a použijte starou verzi aplikace Tilt.
Ovládací prvky pro přizpůsobení vizualizace najdete v levé části okna a další možnosti, včetně funkce exportu, v horní části stránky.
Editor stylů CSS
Chcete-li zobrazit a upravit šablony stylů CSS stránky, otevřete Editor stylů z nabídky Web Developer.
Editor stylů uvádí seznamy stylů na aktuální stránce. Šablonu stylů můžete zapnout nebo vypnout kliknutím na ikonu oka nalevo od názvu šablony stylů. Upravte šablonu stylů výběrem a úpravou kódu.
Změny se na stránce projeví okamžitě. Pokud šablonu stylů vypnete, stránka ztratí informace o svém stylu. Pokud upravíte šablonu stylů, úpravy se na stránce zobrazí během psaní.
Kopii jedné ze šablon stylů můžete uložit do počítače, importovat z počítače existující šablonu stylů nebo přidat novou, prázdnou šablonu stylů pomocí odkazů Uložit, Importovat nebo Nové v okně Editoru stylů.
Funkce 3D vizualizace sleduje změny na aktuální stránce a upozorňuje na případné změny. Když použijete Editor stylů s otevřeným inspektorem 3D, vaše změny se okamžitě projeví v 3D pohledu. To také funguje s rozšířeními třetích stran, která upravují webové stránky, například Firebug.
