Kā lietot Firefox Web Developer rīkus, lai skatītu tīmekļa struktūras 3D formātā

Satura rādītājs:

Kā lietot Firefox Web Developer rīkus, lai skatītu tīmekļa struktūras 3D formātā
Kā lietot Firefox Web Developer rīkus, lai skatītu tīmekļa struktūras 3D formātā

Video: Kā lietot Firefox Web Developer rīkus, lai skatītu tīmekļa struktūras 3D formātā

Video: Kā lietot Firefox Web Developer rīkus, lai skatītu tīmekļa struktūras 3D formātā
Video: Buying Used Servers: Sharpen your Hardware skills! - YouTube 2024, Aprīlis
Anonim
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ā.
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.

Tilt - 3D vietnes vizualizācija

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

Vairāk 3D funkciju

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.
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ļā.
Jūs atradīsiet kontroles, lai pielāgotu vizualizāciju loga kreisajā malā un citas opcijas, tostarp eksporta funkciju, lapas augšdaļā.
Image
Image

CSS stila redaktors

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

Ieteicams: