Kā izmantot Firefox tīmekļa izstrādātāju rīkus, lai skatītu tīmekļa vietnes struktūras 3D formātā

Firefox 11 pievienoja divus jaunus tīmekļa izstrādātāju rīkus jau esošajam Firefox arsenālam. Tilt funkcija vizualizē tīmekļa vietnes struktūras 3D formātā, savukārt stila redaktors var rediģēt CSS stilu tabulas.

3D funkcija, kas pazīstama kā Tilt, ir veids, kā vizualizēt tīmekļa vietnes DOM. Tas integrējas ar esošo dokumentu inspektoru un izmanto WebGL, lai pārlūkprogrammā parādītu bagātīgu 3D grafiku.

Tilt - 3D vietņu vizualizācija

Jūs varat piekļūt Tilt no Firefox lapas inspektora. Lai sāktu darbu, atveriet lappušu inspektoru, izvēloties Web Developer izvēlni “Inspect”. Jūs varat arī ar peles labo pogu noklikšķināt uz pašreizējās lapas un atlasīt “Pārbaudīt elementu”, lai sāktu inspektoru noteiktā elementā.

Noklikšķiniet uz pogas 3D, kas atrodas inspektora rīkjoslā.

Pēc 3D režīma aktivizēšanas jūs redzēsiet lapas struktūru, bet tas izskatīsies līdz galam, līdz to pagriezīsit.

Pagrieziet modeli pa kreisi noklikšķinot, pārvietojiet attēlu apkārt, ar peles labo pogu noklikšķinot, un tuviniet un tāliniet, izmantojot peles riteni.

Šis skatījums ir integrēts ar citiem inspektora rīkiem. Ja jums ir atvērti HTML vai stila paneļi, varat noklikšķināt uz elementa hte lapā, lai skatītu šī elementa HTML kodu vai CSS rekvizītus.

Vairāk 3D funkciju

3D vizualizācijas funkcija tika balstīta uz paplašinājumu Tilt, taču tai nav visu Tilt paplašinājuma funkciju. ja vēlaties pielāgot krāsas vai pat eksportēt vizualizāciju kā 3D modeļa failu izmantošanai ar 3D rediģēšanas programmu, jums būs jāinstalē Tilt 3D pievienojumprogramma. Kad esat to izveidojis, tīmekļa izstrādātāju izvēlnē saņemsiet jaunu opciju “Tilt”.

Noklikšķiniet uz pogas Atcelt, lai izmantotu veco Tilt versiju, kad tas tiek prasīts.

Jūs atradīsiet vadīklas, lai lapas augšpusē pielāgotu vizualizāciju loga kreisajā pusē un citas opcijas, tostarp eksporta funkciju..

CSS stila redaktors

Lai skatītu un rediģētu lapas CSS stila lapas, atveriet stila redaktoru no Web Developer izvēlnes.

Stila redaktors saraksta stilu tabulas pašreizējā lapā. Pārslēdziet vai izslēdziet stilu, noklikšķinot uz acu ikonas kreisajā stila lapas nosaukumā. Rediģējiet stilu, izvēloties to un mainot kodu.

Izmaiņas lapā tiek atspoguļotas nekavējoties. Ja izslēgsiet stilu, lapa zaudēs savu stila informāciju. Ja rediģējat stilu, jūs redzēsiet, ka rediģēšana tiek parādīta lapā, kamēr jūs rakstāt.

Jūs varat saglabāt viena no stilu lapām datoram, importēt esošu stilu no sava datora vai pievienot jaunu, tukšu stilu ar loga Saglabāt, Importēt vai Jaunas saites stilā redaktora logā..

3D vizualizācijas funkcija skatās uz izmaiņām pašreizējā lapā un paziņojumiem, kad notiek izmaiņas. Kad izmantojat stila redaktoru, kad 3D inspektors ir atvērts, jūsu izmaiņas tiks nekavējoties atspoguļotas 3D skatā. Tas darbojas arī ar trešo pušu paplašinājumiem, kas maina tīmekļa lapas, piemēram, Firebug.