30Jun
Firefox 11 la til to nye webutviklerverktøy til Firefox allerede imponerende arsenal. Tilt-funksjonen visualiserer nettstedstrukturer i 3D, mens Style Editor kan redigere CSS-stilark i fly.
3D-funksjonen, kjent som Tilt, er en måte å visualisere et nettsteds DOM på.Den integreres med den eksisterende dokumentinspektøren og bruker WebGL til å vise rik 3D-grafikk i nettleseren din.
Tilt - 3D Website Visualisering
Du kan få tilgang Tilt fra Firefox's Page Inspector. For å komme i gang, åpne Page Inspector ved å velge "Inspiser" fra Web Developer-menyen. Du kan også høyreklikke på den nåværende siden og velge "Inspiser element" for å starte inspektøren ved et bestemt element.
Klikk på "3D" -knappen på inspektørens verktøylinje.
Du vil se sidestrukturen etter at du har aktivert 3D-modus, men den ser flat ut til du roterer den.
Roter modellen ved å venstre-klikke, flytte bildet rundt ved å høyreklikke og zoome inn og ut ved hjelp av musehjulet.
Denne visningen er integrert med de andre verktøyene i inspektøren. Hvis du har HTML- eller stilpanelene åpne, kan du klikke på et element på hte-siden for å vise elementets HTML-kode eller CSS-egenskaper.
Flere 3D-funksjoner
3D-visualiseringsfunksjonen ble basert på Tilt-utvidelsen, men den har ikke alle funksjonene i Tilt-utvidelsen. Hvis du vil tilpasse fargene eller til og med eksportere visualiseringen som en 3D-modellfil for bruk med et 3D-redigeringsprogram, må du installere Tilt 3D-tillegget. Når du har, får du et nytt "Tilt" -alternativ i Web Developer-menyen.
Klikk på Avbryt-knappen for å bruke den gamle versjonen av Tilt når du blir bedt om det.
Du finner kontroller for å tilpasse visualiseringen til venstre i vinduet og andre alternativer, inkludert eksportfunksjonen, øverst på siden.
CSS Style Editor
Hvis du vil vise og redigere en side CSS stilark, åpner du Style Editor fra Web Developer-menyen.
Stileditoren viser stilarkene på gjeldende side. Bytt et stilark på eller av ved å klikke på øyeikonet til venstre for stilarkets navn. Rediger et stilark ved å velge det og endre koden.
Endringer reflekteres umiddelbart på siden. Hvis du bytter ut et stilark, vil siden miste stilinformasjonen. Hvis du redigerer et stilark, ser du endringene som vises på siden mens du skriver.
Du kan lagre en kopi av en av stilarkene til datamaskinen din, importere et eksisterende stilark fra datamaskinen din, eller legge til et nytt, tomt stilark med Lagre, Importer eller Nye koblinger i Style Editor-vinduet.
3D-visualiseringsfunksjonen overvåker endringer på gjeldende side og merker når endringer oppstår. Når du bruker Style Editor med 3D-inspektøren åpen, vil endringene dine gjenspeiles umiddelbart i 3D-visningen. Dette fungerer også med tredjepartsutvidelser som endrer nettsider, for eksempel Firebug.