30Jun

Kaip naudotis "Firefox" žiniatinklio kūrimo įrankiais, norėdami peržiūrėti 3D struktūras

"

" "Firefox 11" pridėjo du naujus žiniatinklio kūrėjų įrankius jau įspūdingam "Firefox" arsenalui."Tilt" funkcija vizualizuoja svetainės struktūras 3D formatu, o "Style Editor" gali redaguoti CSS stilių lenteles.

3D funkcija, žinoma kaip "Tilt", yra vizualizuoti svetainės DOM būdą.Jis integruojamas su esamu dokumentų inspektoriumi ir naudoja "WebGL", kad naršyklėje būtų rodomos raiškios 3D grafikos.

Tilt - 3D svetainės vizualizacija

Jūs galite pasiekti "Tilt" per "Firefox" puslapio inspektorių.Norėdami pradėti, atidarykite puslapio inspektorių, pasirinkdami "Tikrinti" meniu "Interneto kūrėjas".Taip pat galite dešiniuoju pelės klavišu spustelėti dabartiniame puslapyje ir pasirinkti "Inspection Element", kad įjungtumėte inspektorių tam tikrame elemente.

Spustelėkite "3D" mygtuką inspektoriaus įrankių juostoje.

Jūs pamatysite puslapio struktūrą, kai įjungsite 3D režimą, tačiau jis bus atrodęs lygus, kol pasuks jį.

Pasukite kairįjį pelės mygtuką, perkelkite vaizdą dešiniuoju pelės klavišu ir padidinkite arba padidinkite pelės ratuku.

Šis vaizdas yra integruotas su kitais inspektoriaus įrankiais. Jei turite atidaryti "HTML" arba "Style" skydai, galite spustelėti elementą puslapyje hte, norėdami peržiūrėti HTML elemento elementus arba CSS savybes.

Daugiau 3D savybių

3D vizualizavimo funkcija buvo pagrįsta "Tilt" plėtiniu, tačiau ji neturi visų "Tilt" plėtinio funkcijų.jei norite pritaikyti spalvas arba net eksportuoti vaizdą kaip 3D modelio failą, skirtą naudoti 3D redagavimo programoje, turėsite įdiegti "Tilt 3D" priedą.Kai turėsite, "Web Developer" meniu gausite naują "Tilt" parinktį.

Paspauskite mygtuką "Atšaukti", jei pageidaujate naudoti seną "Tilt" versiją.

Jūs rasite valdymo elementus, skirtus vizualizavimo pritaikymui kairėje lango pusėje ir kitų parinkčių, įskaitant eksporto funkciją, puslapio viršuje.

CSS stiliaus redaktorius

Norėdami peržiūrėti ir redaguoti puslapio CSS stiliaus lapus, atidarykite "Style Editor" meniu "Web Developer".

Stiliaus redaktorius nurodo stiliaus lenteles esančiame puslapyje.Įjunkite arba išjunkite stilių, spustelėdami akies piktogramą, esančią lentelės stiliaus kairėje. Redaguokite stilių, pasirinkdami ją ir pakeisdami kodą.

pakeitimai nedelsiant atsispindi puslapyje. Jei išjungsite stilių lentelę, puslapis praras stiliaus informaciją.Jei redaguosite stilių lentelę, pamatysite, kad redaguoti puslapiai įvyks.

Galite įrašyti vienos iš stilių kopijas į savo kompiuterį, importuoti esamą stilių iš savo kompiuterio arba pridėti naują tuščią lapo stilių su "Išsaugoti, importuoti" arba "Naujas" nuorodas lange Style Editor.

3D vizualizavimo funkcija žiūri į dabartinio puslapio pakeitimus ir pranešimus, kai įvyksta pakeitimai. Kai naudojate Style Editor, atidarę 3D inspektorių, jūsų pakeitimai bus nedelsiant parodyti 3D rodinyje. Tai taip pat veikia su trečiųjų šalių plėtiniais, kurie keičia tinklalapius, pvz., "Firebug".