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.
Inspektor stranice
Pregledajte određeni element desnim klikom miša i odabirom Pregledati (ili pritiskom P). Možete pokrenuti i Inspektor iz izbornika Web Developer.
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.
HTML inspektor
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.
CSS inspektor
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.
JavaScript Scratchpad
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
Web konzola zamjenjuje staru konzolu pogrešaka koja je obustavljena i uklonit će se u budućoj verziji Firefoxa.
Š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.
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.
Dohvatite više alata
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.
