Početna » kako da » Kako koristiti Firefoxove alate za razvoj web stranica za pregled struktura web stranica u 3D

    Kako koristiti Firefoxove alate za razvoj web stranica za pregled struktura web stranica u 3D

    Firefox 11 je dodao dva nova alata za web developera u Firefoxov već impresivan arsenal. Značajka nagiba vizualizira strukture web-mjesta u 3D-u, dok uređivač stila može u letu uređivati ​​CSS-ove.

    3D značajka, poznata kao Tilt, način je vizualizacije DOM-a web-lokacije. Integrira se s postojećim dokumentom Inspector i koristi WebGL za prikaz bogate 3D grafike u vašem pregledniku.

    Nagib - 3D vizualizacija web-lokacije

    Tiltu možete pristupiti iz Firefox preglednika stranice. Da biste započeli, otvorite Page Inspector tako da odaberete “Inspect” iz izbornika Web Developer. Također možete kliknuti desnom tipkom miša na trenutnu stranicu i odabrati “Inspect Element” da biste pokrenuli inspektora na određenom elementu.

    Kliknite gumb "3D" na alatnoj traci inspektora.

    Strukturu stranice vidjet ćete nakon aktiviranja 3D načina rada, ali izgledat će ravno dok ga ne rotirate.

    Okrećite model lijevim klikom, pomaknite sliku okolo tako da desnom tipkom miša kliknete i povećate ili smanjite pomoću kotačića miša.

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

    Više 3D značajki

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

    Kliknite gumb Odustani da biste koristili staru verziju programa Tilt kada 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, na vrhu stranice.

    CSS uređivač stila

    Da biste pregledali i uredili stranice CSS stilova stranice, otvorite uređivač stila iz izbornika Web Developer.

    Uređivač stilova navodi liste stilova na trenutnoj stranici. Uključite ili isključite tablicu stilova klikom na ikonu oka s lijeve strane imena stila. Uredite stilsku tablicu tako da je odaberete i modificirate kôd.

    Promjene se odmah odražavaju na stranici. Ako isključite stilsku stranicu, stranica će izgubiti informacije o stilu. Ako uredite tablicu stilova, vidjet ćete da se uređivanja pojavljuju na stranici dok tipkate.

    Kopiju jednog od stilskih lista možete spremiti na računalo, uvesti postojeću stilsku tablicu s računala ili dodati novu, praznu stilsku tablicu s poveznicama Spremi, Uvezi ili Nove veze u prozoru uređivača stila..


    Značajka 3D vizualizacije prati izmjene na trenutnoj stranici i obavještava kada dođe do promjena. Kada koristite uređivač stila s otvorenim 3D inspektorom, promjene će se odmah prikazati u 3D prikazu. To također funkcionira s proširenjima trećih strana koja mijenjaju web stranice, kao što je Firebug.