Izbornik za web programere Firefoxa sadrži alate zauvid u stranice, izvršavanje proizvoljnog JavaScript koda i pregled HTTP zahtjeva i ostalih poruka. Firefox 10 dodao je potpuno novi alat Inspector i ažurirao Scratchpad.
Nove značajke za web programere Firefoxa u sustavukombinacija s fantastičnim dodacima za web programere poput Firebuga i alatne trake web programera čine Firefox idealnim preglednikom za web programere. Svi alati dostupni su u programu Web Developer u Firefoxovom izborniku.
Stranica Inspektor
Pregledajte određeni element tako da ga kliknete desnom tipkom miša i odaberete Pregledati (ili pritiskom P). Možete pokrenuti i Inspektor iz izbornika Web Developer.
Na dnu ekrana vidjet ćete alatnu traku kojom možete upravljati inspektorom. Vaš će odabrani element biti označen, a ostali elementi na stranici zatamnjeni.
Ako želite odabrati novi element, kliknite gumb Pregledati Pritisnite gumb na alatnoj traci, postavite pokazivač miša iznad stranice i kliknite vaš element. Firefox ističe element ispod vašeg pokazivača.
Možete se kretati između roditeljskih i podređenih elemenata klikom na krušne mrvice na alatnoj traci.
HTML inspektor
Kliknite gumb HTML gumb za pregled HTML koda trenutno odabranog elementa.
HTML inspektor omogućava vam širenje i sažimanje HTML oznaka što olakšava vizualizaciju 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 gumb za prikaz CSS pravila primijenjena na odabrani element.
Postoji i ploča s CSS svojstvima - prelazite između dva klikom na ikonu pravila i Nekretnine tipke. Da bi vam pomogao u pronalaženju određenih svojstava, ploča s svojstvima sadrži okvir za pretraživanje.
Možete urediti CSS elementa u letu odploči s pravilima. Poništite bilo koji potvrdni okvir da biste deaktivirali pravilo, kliknite tekst da biste promijenili pravilo ili dodajte vlastita pravila elementu na vrhu okna. Evo, dodao sam težina slova: podebljano; CSS pravilo, čineći tekst elementa podebljanim.
JavaScript Scratchpad
Scratchpad je također vidio ažuriranje za Firefox 10, a sada sadrži isticanje sintakse. Možete upisati JavaScript kôd da biste radili na trenutnoj stranici.
Nakon što kliknete, kliknite ikonu Izvršiti izbornika i odaberite Trčanje. Kôd se pokreće u trenutnoj kartici.
Web konzola
Web konzola zamjenjuje staru Konzolu greške koja je zastarjela i bit će uklonjena u budućoj verziji Firefoxa.
Konzola prikazuje četiri različite vrste poruka pomoću kojih možete prebaciti vidljivost mrežnih zahtjeva, CSS poruka o pogreškama, poruka o pogrešci JavaScripta i poruka web programera.
Što je poruka web razvojnog programera? To je poruka ispisana objektu window.console. Na primjer, mogli bismo pokrenuti window.console.log ("Pozdrav svijetu"); JavaScript kôd u Scratchpadu za ispis poruke programera na konzolu. Web programeri mogu integrirati ove poruke u svoj JavaScript kod kako bi pomogli pri uklanjanju pogrešaka.
Osvježite stranicu i vidjet ćete generirane mrežne zahtjeve i druge poruke.
Koristite okvir za pretraživanje za filtriranje poruka; kliknite zahtjev ako želite vidjeti više pojedinosti.
Od Firefoxa 10 može raditi i web konzolatandem s inspektorom stranica. Varijabla $ 0 predstavlja trenutno odabrani objekt u inspektoru. Tako, na primjer, ako želite sakriti trenutno odabrani objekt, mogli biste pokrenuti $ 0.style.display =”none” u konzoli.
Ako vas zanima više o korištenju konzole i njenih ugrađenih funkcija, pogledajte stranicu web konzole na web lokaciji Mozilla's Developer Network.
Nabavite više alata
To. Nabavite više alata opcija vas vodi do okvira alata za web programerezbirka dodataka na web-lokaciji Mozilla Add-Ons. Sadrži neke od najboljih dodataka za web programere, uključujući Firebug i alatnu traku web programera.
Ako koristite Firefox nekoliko godina, možda se sjetite DOM Inspektora. Integrirani alati za razvojne programere Firefoxa od tada su daleko prošli.
