Firefox 11 pievienoja divus jaunus tīmekļa izstrādes rīkus Firefox jau iespaidīgajam arsenālam. Tilt funkcija vizualizē vietņu struktūras 3D formātā, kamēr Style Editor var rediģēt CSS stilu tabulas lidojumā.
3D funkcija, kas pazīstama kā Tilt, ir veids, kā vizualizēt vietnes DOM. Tas tiek integrēts ar esošo dokumentu inspektoru un izmanto pārlūkprogrammā WebGL, lai attēlotu bagātīgu 3D grafiku.
Jūs varat piekļūt Tilt no Firefox lapas inspektora. Lai sāktu, atveriet lapas inspektoru, atlasot "Pārbaudīt" Web izstrādātāju izvēlnē. Pašreizējā lapā varat arī ar peles labo pogu noklikšķināt un izvēlieties "Pārbaudīt elementu", lai sāktu inspektoru konkrētā elementā.
Inspektora rīkjoslā noklikšķiniet uz pogas "3D".
Pēc 3D režīma aktivizēšanas jūs redzēsiet lapas struktūru, bet tas izskatīsies līdzenas, kamēr jūs to pagriezīsit.
Pagrieziet modeli, kreiso klikšķi, pārvietojiet attēlu pa kreisi, noklikšķinot ar peles labo pogu, un palieliniet vai tālinot ar peles ritenīti.
Šis skats ir integrēts ar citiem inspektora rīkiem. Ja jums ir atvērti HTML vai Style paneļi, varat noklikšķināt uz elementa lapā HTE, lai skatītu šī elementa HTML kodu vai CSS īpašības.
3D vizualizācijas funkcija tika balstīta uz pagrieziena pagarinājumu, bet tam nav visas pagarinājuma pagarinājuma funkcijas. ja vēlaties pielāgot krāsas vai pat eksportēt vizualizāciju kā 3D modeļa failu, ko izmantot ar 3D rediģēšanas programmu, jums būs jāinstalē Tilt 3D pievienojumprogramma. Kad esat iegādājies jauno opciju "Tilt" Web izstrādātāju izvēlnē.
Noklikšķiniet uz pogas Atcelt, lai izmantotu iepriekšējo Tilt versiju, kad tiek parādīts uzaicinājums.
Jūs atradīsiet kontroles, lai pielāgotu vizualizāciju loga kreisajā malā un citas opcijas, tostarp eksporta funkciju, lapas augšdaļā.
Lai skatītu un rediģētu lapas CSS stila lapas, atveriet Stilu redaktoru no Web Developer izvēlnes.
Stils redaktors norāda stilu lapas pašreizējā lapā. Ieslēdziet vai izslēdziet stilu tabulu, noklikšķinot uz acu ikonas, kas atrodas pa kreisi no stilu nosaukuma. Rediģējiet stilu tabulu, atlasot to un modificējot kodu.
Izmaiņas atspoguļojas lapā uzreiz. Ja jūs izslēgsiet stilu tabulu, lapā tiks zaudēta informācija par stilu. Ja rediģēsiet stilu tabulu, jūs redzēsit, ka rediģēšana lapā tiek parādīta rakstīšanas laikā.
Jūs varat saglabāt kādu no stilu lapām savā datorā, importēt esošo stilu no sava datora vai pievienot logu Sheet Style redaktorā Saglabāt, importēt vai Jaunās saites.
3D vizualizācijas funkcija pulcē izmaiņas pašreizējā lapā un paziņojumus, kad notiek izmaiņas. Kad jūs izmantojat Style Editor, kad 3D inspektors ir atvērts, jūsu izmaiņas tiks atspoguļotas tūlīt 3D skatā. Tas darbojas arī ar trešo pušu paplašinājumiem, kas maina Web lapas, piemēram, Firebug.
