30Jun

Kuidas kasutada Firefoxi veebiarendaja tööriistu veebilehe struktuuride vaatamiseks 3D-s

Firefox 11 lisas Firefoxi juba muljetavaldava arsenali jaoks kaks uut veebiarendaja tööriista. Tilt funktsioon kujutab veebisaitide struktuure 3D-s, samas kui Style Editor saab CSS-i stiilide tabeleid käsitsi muuta.

3D-funktsioon, mis on tuntud kui Tilt, on veebisaidi DOM-i kuvamise viis. See integreerub olemasoleva dokumendinspektoriga ja kasutab veebibrauseris veebibrauseri rikkalikku 3D-graafikat.

Tilt - 3D-veebisaidi visualiseerimine

Kõigile ligipääsemiseks saate Firefoxi leheinspektorilt. Alustamiseks avage leht Inspector, valides Veebiarenda menüüst käsku "Kontrollida".Võite ka praegusel lehel paremklõpsata ja valida konkreetse elemendi inspektori käivitamiseks valiku "Kontrolli elementi".

Klõpsake inspektori tööriistariba nupul "3D".

Pärast 3D-režiimi aktiveerimist näete lehekülje struktuuri, kuid see näeb välja tasaseks, kuni seda pööratakse.

Pöörake mudelit vasakklõpsuga, liigutage pilti ümber hiire parema nupuga ja suurendage hiire ratta abil sisse ja välja.

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

Veel 3D-funktsioonid

3D-visualiseerimisfunktsioon põhineb Tilt-laiendusel, kuid tal ei ole kõiki Tilt-laiendi funktsioone.kui soovite värve kohandada või 3D-näidisfaili 3D-redigeerimisprogrammi kasutamiseks visualiseerida, siis peate installima ka 3D-lisandmooduli. Kui olete, saate uue Veebiarenda menüüs valik "Kallutamine".

Klõpsake nuppu Tühista, et kasutada pakendi vanu versiooni, kui seda küsitakse.

Leiad juhtnupud, mis kohandavad akna vasakpoolses servas kuvamist ja teisi võimalusi, sealhulgas ekspordi funktsiooni, lehe ülaosas.

CSS Style Editor

Lehe CSS-i stiililehtede vaatamiseks ja redigeerimiseks avage Web-arendaja menüüst Style Editor.

Style redaktor loetleb praeguse lehe stiilid. Lülitab stiilitabeli sisse või välja, klõpsates stiililaadi nime vasakus servas olevat siltiikooni. Laaditabeli muutmine selle valimisel ja koodi muutmisel.

Muudatused kajastuvad kohe lehel. Kui lülitate laaditabeli välja, kaotate lehel oma stiili teave. Kui muudate stiililaiti, näete, kui toiminguid kuvatakse lehel, kui te tipite.

Te saate salvestada oma arvutis ühe stiilitabeli koopia, importida olemasolev laaditabel oma arvutisse või lisada stiili redaktori aknas Save, Import või Uus lingid uue, tühja stiili tabeli.

3D visualiseerimisfunktsioon jälgib praeguse lehe muudatusi ja märgib muutuste tekkimisel. Kui kasutate Style Editor'it, kui 3D-inspektor on avatud, ilmuvad teie muudatused kohe 3D-vaates. See toimib ka kolmandate osapoolte laiendustega, mis muudavad veebilehti, nagu näiteks Firebug.