30Jun

Kako uporabljati orodja za spletno razvijalce Firefoxa za ogled spletnih struktur v 3D

Firefox 11 je dodal dve novi orodji za spletno razvijalce do že tako impresivnega arzenala Firefoxa. Funkcija Tilt prikazuje strukture spletnega mesta v 3D, medtem ko urejevalnik slogov lahko uredi sloge CSS na letenju.

3D-funkcija, znana kot Tilt, je način vizualizacije spletnega DOM.Integrira se z obstoječim inšpektorjem dokumentov in uporablja WebGL za prikaz bogate 3D grafike v vašem brskalniku.

Tilt - 3D Vizualizacija spletnega mesta

Dostop do Tilt lahko najdete v Firefoxovem inšpektorju strani.Če želite začeti, odprite Inšpektor strani tako, da v meniju Spletni razvijalec izberete »Pregled«.Prav tako lahko z desno miškino tipko kliknete na trenutni strani in izberete "Pregled elementa", da začnete inšpektorja na določenem elementu.

Kliknite gumb »3D« na orodni vrstici inšpektorja.

Strukturo strani boste videli, ko boste aktivirali 3D način, vendar bo izgledal ravno, dokler ga ne zasukate.

Zavrtite model tako, da levo kliknete, premaknete sliko z desnim klikom in povečate ali pomanjšate z miško.

Ta pogled je povezan z drugimi orodji inšpektorja.Če imate odprto ploščo HTML ali slog, lahko kliknete element na strani hte, da si ogledate HTML-kodo tega elementa ali lastnosti CSS.

Več 3D funkcij

Funkcija 3D vizualizacije je temeljila na podaljšku Tilt, vendar nima vseh funkcij razširitve Tilt.če želite prilagoditi barve ali celo izvoziti vizualizacijo kot 3D modelsko datoteko za uporabo s programom 3D za urejanje, boste morali namestiti dodatek Tilt 3D.Ko boste imeli, boste v meniju Spletni razvijalec dobili novo možnost »Tilt«.

Kliknite gumb Prekliči, če želite, ko ste pozvani, uporabiti staro različico Tilt.

Kontrole boste prilagodili tako, da prilagodite vizualizacijo na levi strani okna in druge možnosti, vključno z izvozno funkcijo, na vrhu strani.

CSS Style Editor

Če si želite ogledati in urediti liste slogov CSS strani, odprite urejevalnik slogov v meniju Spletni razvijalec.

Urejevalnik slogov na seznamu slikovnih listov prikazuje na trenutni strani. Vklopite ali izklopite slogovno shemo tako, da kliknete ikono za oči na levi strani imena stila. Uredite slogovno shemo tako, da jo izberete in spremenite kodo.

Spremembe se takoj odražajo na strani.Če izklopite slogovno tabelo, bo stran izgubila informacije o slogu.Če uredite slogovno shemo, bodo med vnosom prikazane spremembe na strani.

Na računalnik lahko shranite kopijo ene od stilskih listov, uvozite obstoječo slogovno shemo iz računalnika ali dodate novo, prazno slogovno ploščo s povezavami Shrani, Uvozi ali Novi v oknu urejevalnika slogov.

Funkcija 3D vizualizacije spremlja spremembe na trenutni strani in obvesti, kdaj pride do sprememb. Ko uporabite urejevalnik sloga z odprtim inšpektorjem 3D, bodo vaše spremembe takoj prikazane v pogledu 3D.To tudi deluje z razširitvami tretjih oseb, ki spreminjajo spletne strani, kot je Firebug.