Kako uporabljati orodja za razvijalce spletnega mesta Firefox za ogled struktur spletnih strani v 3D
Firefox 11 je dodal dva nova orodja za spletnega razvijalca, ki sta že impresivna. Funkcija Tilt vizualizira strukture spletnega mesta v 3D, medtem ko urejevalnik sloga lahko urejanja CSS stylesheets v teku.
Funkcija 3D, znana kot Tilt, je način vizualizacije DOM-a spletnega mesta. Združuje se z obstoječim dokumentom inšpektorjem in uporablja WebGL za prikaz bogate 3D grafike v vašem brskalniku.
Nagib - 3D vizualizacija spletne strani
Do Tilta lahko dostopate iz Firefoxovega inšpektorja strani. Če želite začeti, odprite Page Inspector tako, da v meniju Spletni razvijalec izberete »Inspect«. Prav tako lahko z desno miškino tipko kliknete na trenutno stran in izberete “Inspect Element”, da zaženete inšpektorja na določenem elementu.
Kliknite gumb »3D« na orodni vrstici inšpektorja.
Po aktiviranju načina 3D boste videli strukturo strani, vendar bo videti dokaj ravna, dokler je ne obračate.
Z obračanjem modela z levim klikom, premikanjem slike z desnim klikom in povečavo in pomanjšavo s kolescem miške.
Ta pogled je integriran z drugimi orodji v inšpektorju. Če ste odprli plošče HTML ali slog, lahko kliknete element na strani hte, da si ogledate lastnosti kode HTML ali CSS elementa.
Več 3D funkcij
Funkcija 3D vizualizacije temelji na podaljšku Tilt, vendar nima vseh funkcij razširitve Tilt. če želite prilagoditi barve ali celo izvesti vizualizacijo kot datoteko 3D modela za uporabo s programom za urejanje 3D, boste morali namestiti dodatek Tilt 3D. Ko boste to storili, boste v meniju Spletni razvijalec dobili novo možnost »Nagni«.
Kliknite gumb Prekliči, da uporabite staro različico programa Tilt, ko boste pozvani.
Našli boste kontrole za prilagoditev vizualizacije na levi strani okna in druge možnosti, vključno s funkcijo izvoza, na vrhu strani.
Urejevalnik slogov CSS
Če si želite ogledati in urediti liste slogov CSS strani, odprite urejevalnik slogov v meniju Spletni razvijalec.
Urejevalnik slogov prikaže sezname slogov na trenutni strani. Vklopite ali izklopite slog s klikom na ikono oči na levi strani imena sloga. Uredite slogovno datoteko tako, da jo izberete in spremenite kodo.
Spremembe se takoj prikažejo na strani. Če izklopite slogovno datoteko, bo stran izgubila informacije o slogu. Če urejate slogovne sloge, boste videli urejanje na strani, medtem ko tipkate.
Kopijo ene od slogov slogov lahko shranite v računalnik, uvozite obstoječo slogovno datoteko iz računalnika ali dodate novo, prazno slogovno datoteko s povezavami Shrani, Uvozi ali Nove v oknu Urejevalnik sloga..
Funkcija 3D vizualizacije spremlja spremembe na trenutni strani in opazi, kdaj pride do sprememb. Ko uporabite urejevalnik sloga z odprtim inšpektorjem 3D, se bodo spremembe takoj prikazale v pogledu 3D. To deluje tudi s priponami drugih proizvajalcev, ki spreminjajo spletne strani, kot je Firebug.