Izbornik Web Developer za Firefox sadrži alate za pregledavanje stranica, izvršavanje proizvoljnog JavaScript koda i pregled HTTP zahtjeva i drugih poruka. Firefox 10 dodao je novu alat inspektora i ažurirala Scratchpad.
Firefoxove nove značajke web razvojnog programera, u kombinaciji s izuzetnim web-razvojnim dodatcima poput Firebug i Alatne trake za Web Developer, čine Firefox savršenim preglednikom za web programere. Svi su alati dostupni u programu Web Developer u izborniku Firefox.
Pregledajte određeni element desnim klikom miša i odabirom Pregledati (ili pritiskom P). Možete pokrenuti i Inspektor iz izbornika Web Developer.
Na dnu zaslona vidjet ćete alatnu traku koju možete koristiti za upravljanje inspektorom. Vaš odabrani element bit će označen i ostali elementi na stranici će biti zatamnjeni.
Ako želite odabrati novi element, kliknite Pregledati na alatnoj traci, zadržite pokazivač miša iznad stranice i kliknite svoj element. Firefox ističe element ispod vašeg pokazivača.
Možete kretati između elemenata roditelja i djeteta tako što ćete kliknuti krušne mrlje na alatnoj traci.
Kliknite gumb HTML gumb za pregled HTML koda trenutno odabranog elementa.
HTML inspektor omogućuje širenje i sažimanje HTML oznaka, što ga čini lako pregledavanjem na prvi pogled. Ako želite vidjeti HTML stranice u ravnoj datoteci, možete odabrati Pogledaj izvor stranice iz izbornika Web Developer.
Kliknite gumb Stil da biste vidjeli CSS pravila primijenjena na odabrani element.
Tu je i ploča svojstava CSS-a - prebacujte se između dva klikom na pravila i Nekretnine tipke. Da biste lakše pronašli određene entitete, ploča svojstava uključuje okvir za pretraživanje.
CSS elementa možete urediti na letu iz ploče Pravila. Poništite potvrdne okvire da biste deaktivirali pravilo, kliknite tekst da biste promijenili pravilo ili dodali vlastita pravila elementu pri vrhu okna. Evo, dodao sam font-weight: bold; CSS pravilo, čineći element teksta podebljanim.
Scratchpad je također vidio ažuriranje s Firefoxom 10, a sad sadrži sintakse. Možete upisati JavaScript kôd koji će se prikazivati na trenutnoj stranici.
Nakon što kliknete na gumb Izvršiti izbornik i odaberite Trčanje. Kôd se pokreće na trenutnoj kartici.
Web konzola zamjenjuje staru konzolu pogrešaka koja je obustavljena i uklonit će se u budućoj verziji Firefoxa.
Konzola prikazuje četiri različite vrste poruka, koje možete prebaciti na vidljivost - mrežnih zahtjeva, CSS poruka o pogreškama, JavaScript poruke o pogreškama i poruke web developera.
Što je poruka web developera? To je poruka ispisana na objekt window.console. Na primjer, mogli bismo pokrenuti window.console.log ("Hello World"); JavaScript kôd na Scratchpadu za ispis poruke developera na konzolu. Web programeri mogu integrirati ove poruke u svoj JavaScript kôd kako bi pomogli pri uklanjanju pogrešaka.
Osvježite stranicu i vidjet ćete generirane zahtjeve mreže i druge poruke.
Pomoću okvira za pretraživanje filtrirajte poruke; kliknite zahtjev ako želite vidjeti više pojedinosti.
Od Firefoxa 10, Web Console može raditi zajedno s inspektorom stranice. Varijabla $ 0 predstavlja trenutno odabrani objekt u inspektoru. Na primjer, ako želite sakriti trenutno odabrani objekt, možete pokrenuti $ 0.style.display =”none” u konzoli.
Ako želite saznati više o upotrebi konzole i njegovih ugrađenih funkcija, pogledajte stranicu Web Console na web stranici Mozilla web sučelja za razvojne programere.
Dohvatite više alata Ova opcija vodi vas do zbirke dodatka za alatne trake Web Developera na web stranici Mozilla Add-ons. Sadrži neke od najboljih dodataka za web programere, uključujući Firebug i alatnu traku za web razvojne programere.
Ako ste koristili Firefox nekoliko godina, možda se možete sjetiti DOM inspektora. Firefoxovi integrirani alati za razvojne programere od tada su došli dug put.
