A Firefox webes fejlesztői eszközeinek használata a webhelystruktúrák 3D-ben történő megtekintéséhez

A Firefox 11 két új webfejlesztő eszközt adott hozzá a Firefox már lenyűgöző arzenáljához. A Tilt funkció 3D-ben ábrázolja a weboldal struktúráit, míg a Stílusszerkesztő képes a CSS-stíluslapok szerkesztésére.

A 3D-s funkció, az úgynevezett Tilt, a webhely DOM-jának vizualizálása. Integrálódik a meglévő Dokumentumfelügyelővel, és a WebGL használatával gazdag 3D grafikát jelenít meg a böngészőben.

Tilt - 3D weboldal megjelenítés

A Tilt-ot a Firefox oldalfelügyelőjéből érheti el. Az indításhoz nyissa meg az oldalfelügyelőt az „Ellenőrzés” kiválasztásával a Web Developer menüből. A jobb oldali egérgombbal is megnyithatja az aktuális oldalt, és válassza az „Elem ellenőrzése” pontot az ellenőr elindításához egy adott elemen.

Kattintson a „3D” gombra az ellenőrző eszköztáron.

A 3D mód aktiválása után látni fogja az oldal szerkezetét, de addig fog kinézni, amíg el nem forgatja.

A bal egérgombbal forgassa el a modellt, mozgassa a képet a jobb egérgombbal, majd az egérgombbal nagyítsa és kicsinyítse.

Ez a nézet integrálva van az ellenőr egyéb eszközeivel. Ha a HTML vagy a Stílus panelek nyitva vannak, akkor egy elemre kattintva megtekintheti az elem HTML kódját vagy CSS tulajdonságait.

További 3D funkciók

A 3D megjelenítési szolgáltatás a Tilt kiterjesztésen alapult, de nem rendelkezik a Tilt kiterjesztés összes funkciójával. ha testreszabja a színeket, vagy akár 3D-s modellfájlként is exportálhatja a megjelenítést a 3D-s szerkesztési programban való használatra, telepítenie kell a Tilt 3D bővítményt. Miután megvan, egy új „Tilt” opciót kap a Web Developer menüben.

Kattintson a Mégse gombra a Tilt régi verziójának használatához.

Az oldal bal oldalán találhatók az ablak bal oldalán megjelenő megjelenítés testreszabása és az oldal tetején található egyéb beállítások is..

CSS stílusszerkesztő

Az oldal CSS-stíluslapjainak megtekintéséhez és szerkesztéséhez nyissa meg a Stílusszerkesztőt a Webfejlesztő menüből.

A Stílusszerkesztő az aktuális oldalon található stíluslapokat sorolja fel. A stíluslap bal oldalán található szem ikonra kattintva kapcsolja be vagy ki a stíluslapot. Egy stíluslap szerkesztése a kód kiválasztásával és módosításával.

A változások azonnal megjelennek az oldalon. Ha kikapcsol egy stíluslapot, az oldal elveszíti stílusinformációit. Ha szerkeszti a stíluslapot, a szerkesztés közben megjelenik a szerkesztés.

Az egyik stíluslap másolatát a számítógépre mentheti, importálhat egy meglévő stíluslapot a számítógépről, vagy új, üres stíluslapot adhat hozzá a Stílusszerkesztő ablakának Mentés, Importálás vagy Új hivatkozásaihoz.

A 3D-s megjelenítési szolgáltatás az aktuális oldalon történt változásokat figyeli, és a változások bekövetkezésekor értesítést kap. Ha a Stílusszerkesztőt a 3D-s ellenőr nyitja meg, a módosítások azonnal megjelennek a 3D nézetben. Ez a weblapokat módosító harmadik fél kiterjesztéseivel is működik, például a Firebug.