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

Sisukord:

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

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

Video: Kuidas kasutada Firefoxi veebiarendaja tööriistu veebilehe struktuuride vaatamiseks 3D-s
Video: Don't Call Me Bigfoot | Sasquatch Documentary - YouTube 2024, Aprill
Anonim
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.
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

Tõrkeotsing võimaldab Firefoxi leheinspektoril. Alustamiseks avage leht Inspector, valides Veebiarenda menüüst käsku "Kontrollida". Võite ka praegusel lehel paremklõpsata ja valida kindlale elemendile inspektori käivitamiseks valiku "Kontrolli elementi".

Klõpsake inspektori tööriistariba nupul "3D".
Klõpsake inspektori tööriistariba nupul "3D".
Pärast 3D-režiimi aktiveerimist näete lehe struktuuri, kuid see näeb välja tasaseks, kuni seda pööratakse.
Pärast 3D-režiimi aktiveerimist näete lehe struktuuri, kuid see näeb välja tasaseks, kuni seda pööratakse.
Pöörake mudelit vasakklõpsuga, liigutage pilti ümber hiire parema nupuga ja hiire ratta abil suumige sisse ja välja.
Pöörake mudelit vasakklõpsuga, liigutage pilti ümber hiire parema nupuga ja hiire ratta abil suumige 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.
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.
Image
Image

Veel 3D-funktsioone

3D-visualiseerimisfunktsioon põhineb kallutamise laiendusel, kuid tal ei ole kõiki kallutatava 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 Loobu, et kasutada Tilt-i eelmist versiooni, kui seda küsitakse.
Klõpsake nuppu Loobu, et kasutada Tilt-i eelmist versiooni, kui seda küsitakse.
Leiad juhtnupud, mis kohandavad nägemust akna vasakus servas ja lehe ülaosas teisi võimalusi, sealhulgas eksportimisfunktsiooni.
Leiad juhtnupud, mis kohandavad nägemust akna vasakus servas ja lehe ülaosas teisi võimalusi, sealhulgas eksportimisfunktsiooni.
Image
Image

CSS Style Editor

Lehe CSS-i stiililehtede vaatamiseks ja muutmiseks avage veebiarenduse 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.
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.
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.
Võite salvestada mõne laaditabeli koopia oma arvutisse, importida olemasolevat laaditabeli oma arvutisse või lisada stiili redaktori aknas Save, Import või Uus lingid uue tühja stiililehe.
Võite salvestada mõne laaditabeli koopia oma arvutisse, importida olemasolevat laaditabeli oma arvutisse või lisada stiili redaktori aknas Save, Import või Uus lingid uue tühja stiililehe.

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.

Soovitan: