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

Turinys:

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

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

Video: Kaip naudotis "Firefox" žiniatinklio kūrimo įrankiais, norėdami peržiūrėti 3D struktūras
Video: Windows 10 Docker Desktop для Windows: объяснение 2024, Kovas
Anonim
"Firefox 11" pridūrė du naujus žiniatinklio kūrimo įrankius jau įspūdingam "Firefox" arsenalui. "Tilt" funkcija vizualizuoja svetainės struktūras 3D formatu, o "Style Editor" gali redaguoti CSS stilių lenteles.
"Firefox 11" pridūrė du naujus žiniatinklio kūrimo į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, vadinama "Tilt", yra vizualizuoti svetainės DOM būdas. 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

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.
Spustelėkite "3D" mygtuką inspektoriaus įrankių juostoje.
Po to, kai įjungsite trimačiojo režimą, pamatysite puslapio struktūrą, tačiau jis pasidaro plokščias, kol pasukote.
Po to, kai įjungsite trimačiojo režimą, pamatysite puslapio struktūrą, tačiau jis pasidaro plokščias, kol pasukote.
Pasukite modelį kairiuoju spragtelėjimu, perkelkite vaizdą dešiniuoju pelės klavišu ir padidinkite arba padidinkite pelės ratuku.
Pasukite modelį kairiuoju spragtelėjimu, perkelkite vaizdą dešiniuoju pelės klavišu ir padidinkite arba padidinkite pelės ratuku.
Šis vaizdas integruotas su kitomis inspektoriaus priemonėmis. 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.
Šis vaizdas integruotas su kitomis inspektoriaus priemonėmis. 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.
Image
Image

Daugiau 3D funkcijų

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 būsite paraginti naudoti seną "Tilt" versiją.
Paspauskite mygtuką "Atšaukti", jei būsite paraginti naudoti seną "Tilt" versiją.
Rasite valdiklius, kad galėtumėte tinkinti vizualizaciją kairiojoje lango pusėje ir kitas parinktis, įskaitant eksporto funkciją, puslapio viršuje.
Rasite valdiklius, kad galėtumėte tinkinti vizualizaciją kairiojoje lango pusėje ir kitas parinktis, įskaitant eksporto funkciją, puslapio viršuje.
Image
Image

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ą.
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.
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 vieną iš stiliaus lapų į savo kompiuterį, importuoti esamą stilių iš savo kompiuterio arba įtraukti naują tuščią lapo stilių su langų "Style Editor" elementu "Išsaugoti, importuoti" arba "Naujas".
Galite įrašyti vieną iš stiliaus lapų į savo kompiuterį, importuoti esamą stilių iš savo kompiuterio arba įtraukti naują tuščią lapo stilių su langų "Style Editor" elementu "Išsaugoti, importuoti" arba "Naujas".

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".

Rekomenduojamas: