Kuidas kasutada Firefoxi veebiarendustööriistu, et vaadata veebisaidi struktuure 3D-s

Firefox 11 lisas Firefoxi juba muljetavaldavale arsenalile kaks uut veebiarendustööriista. Tilt funktsioon visualiseerib veebisaidi struktuure 3D-s, samas kui stiili redigeerija saab CSS-stiilide redigeerida.

3D-funktsioon, tuntud kui Tilt, on veebisaidi DOM-i visualiseerimise viis. See integreerub olemasoleva dokumendinspektoriga ja kasutab veebibrauseril rikkaliku 3D-graafika kuvamiseks teie brauseris.

Tilt - 3D veebisaidi visualiseerimine

Tiltile pääsete Firefoxi leheinspektori kaudu. Alustamiseks avage leheinspektor, valides veebiarendaja menüüst „Kontrolli“. Samuti saate praegusel lehel paremklõpsata ja valida inspektori käivitamiseks teatud elemendil „Kontrolli elementi”.

Klõpsake inspektori tööriistaribal nuppu „3D”.

Pärast 3D-režiimi aktiveerimist näete lehe struktuuri, kuid see näeb välja lame, kuni te seda pöörate.

Pööra mudelit hiire parema nupuga klõpsates, liiguta pilti ümber, klõpsates hiire parema nupuga ja suurendades ja vähendades hiire ratast.

See vaade on integreeritud teiste inspektori tööriistadega. Kui teil on avatud HTML- või Style-paneelid, võite selle elemendi HTML-koodi või CSS-i omaduste vaatamiseks klõpsata elemendi elemendil..

Rohkem 3D-funktsioone

3D visualiseerimisfunktsioon põhines kallutamise laiendusel, kuid sellel ei ole kõiki Tilt laienduse funktsioone. kui soovite värve kohandada või isegi visualiseerida 3D-3D-failina kasutamiseks 3D-redigeerimisprogrammiga, peate installima Tilt 3D-lisandmooduli. Kui olete saanud, saate veebi arendaja menüüs uue valiku.

Klõpsake nuppu Cancel (Tühista), et kasutada Tilt'i vana versiooni.

Leiad juhtnupud, et kohandada akna vasakus servas visualiseerimist ja teisi suvandeid, sealhulgas ekspordi funktsiooni, lehe ülaosas.

CSS-stiili redaktor

Lehekülje CSS-i stiililehtede vaatamiseks ja muutmiseks avage menüüst Veebiarendaja stiiliredaktor.

Stiili redaktor loetleb praeguse lehe stiilitabelid. Lülitage stiilitabel sisse või välja, klõpsates stiilitabeli nime vasakul pool asuvat silmaikooni. Muuda stiili, valides selle ja muutes koodi.

Muudatused kajastuvad leheküljel kohe. Kui lülitate stiilitabeli välja, kaotab lehekülg oma stiiliteabe. Kui redigeerite stiili, näete muudatuste ilmumisel lehel kirjutamise ajal.

Teil on võimalik salvestada oma arvutisse ühe stiilitabeli koopia, importida oma arvutis olemasolev stiilileht või lisada stiiliredaktori aknas salvestamise, impordi või uute linkidega uus tühi stiilileht.

3D visualiseerimisfunktsioon jälgib muudatusi praegusel lehel ja teatab muudatuste ilmnemisel. Kui kasutate stiiliredaktorit avatud 3D-inspektoriga, kajastuvad teie muudatused kohe 3D-vaates. See toimib ka kolmandate osapoolte laiendustega, mis muudavad veebilehti, näiteks Firebug.