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 til 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 aktivering av 3D-modus, men det vil se flatt til du roterer det.Roter modellen ved å venstre-klikke, flytte bildet rundt ved å høyreklikke, og zoome inn og ut med musens hjul.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.Image
Flere 3D-funksjoner
3D-visualiseringsfunksjonen var 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.Image
CSS Style Editor
Hvis du vil vise og redigere en sides CSS-stilark, åpner du stilredigereren fra Webutvikler-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, importere et eksisterende stilark fra datamaskinen din, eller legge til et nytt, tomt stilark med lagre, importer eller nye koblinger i vinduet Style Editor.
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.
Firefox har sitt eget profilsystem som fungerer som Kroms brukerkontaktbryter. Hver profil har sine egne bokmerker, innstillinger, tilleggsprogrammer, nettleserhistorikk, informasjonskapsler og andre data. For eksempel kan du opprette en profil for arbeid og en egen profil for personlig bruk, slik at de blir skilt.
Har du noen gang lagt merke til at det er C: Windows i Windows, http://howtogeek.com/ på nettet, og / home / user / på Linux, OS X og Android? Windows bruker tilbakestrek for stier, mens alt annet ser ut til å bruke fremoverstreker.
Firefox Web Developer-menyen inneholder verktøy for å inspisere sider, utføre vilkårlig JavaScript-kode, og vise HTTP-forespørsler og andre meldinger. Firefox 10 la til et helt nytt inspektørverktøy og oppdatert Scratchpad.
Hvor mange ganger går du til et nettsted for å lese en artikkel, og når siden laster, blir du bombardert med bannere og distraherende annonser? Firefox Reader View fjerner roten og forenkler siden for bedre lesbarhet, og lar bare det du faktisk vil se: artikkelen.
Et kjent problem brukerne står overfor mens du prøver å logge på Windows PC eller Xbox ser en melding. En annen bruker på denne enheten bruker denne Microsoft-kontoen, så du kan ikke legge den til her. Årsaken er at den forrige kontoen ikke er slettet fra systemets register. Her er løsningen.
