30Jun

Kako koristiti Firefoxove web alate za razvojne programere kako bi vidjeli strukture web stranica u 3D

Firefox 11 dodao je dva nova alata za razvojne programere Firefoxovom već impresivnom arsenalu. Značajka Tilt vizualizira strukture web stranica u 3D, a urednik stilova može uređivati ​​CSS stilske listove u letu.

3D značajka, poznata kao Tilt, je način vizualizacije DOM-a web stranice. Ona se integrira s postojećim inspektorom dokumenata i koristi WebGL za prikaz bogate 3D grafike u vašem pregledniku.

Tilt - vizualizacija 3D web stranice

Možete pristupiti Tilt iz preglednika Stranica na Firefoxu. Da biste započeli, otvorite pregled inspektora stranice odabirom opcije "Provjeri" na izborniku web-razvojnog programera. Također možete kliknuti desnom tipkom miša na trenutnu stranicu i odabrati "Inspect Element"( pregledati element) da biste pokrenuli inspektora u određenom elementu.

Kliknite gumb "3D" na alatnoj traci inspektora.

Vidjet ćete strukturu stranice nakon aktivacije 3D moda, ali će izgledati ravno dok ga ne okrećete.

Zakrenite model lijevim klikom, pomaknite sliku okolo klikom desnom tipkom i povećajte ili smanjite pomoću kotačića miša.

Ovaj pogled je integriran s drugim alatima u inspektoru. Ako imate otvorene ploče HTML ili Style, možete kliknuti element na stranici hte da biste vidjeli HTML kôd tog elementa ili CSS svojstva.

Više 3D značajki

Značajka 3D vizualizacije temelji se na proširenju Tilt, ali nema sve značajke ekstenzije Tilt.ako želite prilagoditi boje ili čak izvesti vizualizaciju kao datoteku 3D modela za upotrebu s programom 3D uređivanja, morat ćete instalirati dodatak za Tilt 3D.Nakon što dobijete, dobit ćete novu opciju "Nagib" u izborniku Web Developer.

Kliknite gumb Odustani da biste koristili staru verziju okvira Tilt kad se to od vas zatraži.

Pronaći ćete kontrole za prilagodbu vizualizacije na lijevoj strani prozora i druge opcije, uključujući značajku izvoza, pri vrhu stranice.

CSS Style Editor

Da biste pregledali i uredili stranice CSS stilske stranice, otvorite Editor Style iz izbornika Web Developer.

Urednik Style navodi listove stilova na trenutnoj stranici. Uključite ili isključite stilski stil klikom na ikonu oka lijevo od naziva stila. Uredite stilski stil odabirom i mijenjanjem koda.

Promjene se odmah odražavaju na stranici. Ako isključite stilski list, stranica će izgubiti svoje informacije o stilu. Ako uredite stilski list, vidjet ćete da se uređivanja pojavljuju na stranici dok upisujete.

Možete spremiti kopiju jednog od stilskih listova na računalo, uvesti postojeći stilski obrazac s računala ili dodati novi prazan stilski stil pomoću Save, Import ili New links u prozoru Editor stila.

Značajka 3D vizualizacije promatra promjene na trenutačnoj stranici i primjećuje kada se promjene događaju. Kada koristite uređivač stilova s ​​otvorenim 3D inspektorom, promjene će se odmah odraziti u 3D prikazu. To također funkcionira s proširenjima treće strane koja mijenjaju web stranice, kao što je Firebug.