Kada je ispravno konfiguriran, Firefox može postati konačan alat za izradu web stranica, što vam daje izravan pristup stranici na kojoj radite, tako da možete stilizirati stranicu u stvarnom vremenu, ispraviti JavaScript ili čak urediti HTML.
Napravite odvojen profil za web razvoj
Instaliranje svih tih razvojnih alata učinit će Firefoxu vrlo teškim preglednikom, stoga prvo trebamo stvoriti novi profil za Firefox.
Možete pokrenuti zasebni profil istodobno s redovitim profilom stvaranjem novog prečaca s tim argumentima, zamjenjujući WebDev nazivom vašeg profila. Tu je i detaljnije objašnjenje kako to učiniti.
firefox.exe -P WebDev - ne-daljinski
Sada kada imate Firefox konfiguriran sa zasebnim profilom samo za razvoj web stranica, pogledajmo proširenja koja možemo upotrijebiti za izradu Firefoxa u krajnji alat za razvoj web stranica.
Moraju imati web-proširenja
To su sva proširenja koja redovito koristim za web razvoj.
Palikuća
Firebug je najmoćniji nastavak za ispravljanje pogrešaka javascript, pregledavanje CSS-a i HTML-a. Možete napraviti dinamičke izmjene u kodu i CSS-u i upotrijebiti je za ispravljanje Ajax koda. To je doista najbolje proširenje vani.
Proširenje web razvojnog programera
Jedno od najboljih proširenja za x godina rada. Ovo je neophodno za svakog razvojnog programera, ali već ste čuli za to.
Proširenje Aardvark
Ovo proširenje je vrlo lagano proširenje koje će vam lako prikazati elemente na stranici i njihov dodijeljeni klasa / id. Jednostavnije je upotrebljavati od proširenja razvojnih programera za ona vremena kada vam je potrebna brza informacija za neki element. Možete je i upotrijebiti za uklanjanje elemenata s stranice.
Colorzilla
Odaberite boje lako. Nema više boli pronalaženja boja ugrađenih negdje u stilski list.
Prikaži izvor s
Možete postaviti više profila izvora prikaza da biste otvorili izvor u različitim aplikacijama.
HTML Validator
Ovo proširenje omogućuje vam da lako provjerite HTML stranice i instalirate na ploču Prikaz izvora.
Greasemonkey
Nije točno proširenje za razvoj web stranica, ali Greasemonkey je strašan, ne samo zbog mogućnosti automatizacije uobičajenih radnji, što je odličan čuvar vremena za web programere.
Izmjerite je
Jednostavno izmjerite udaljenost na zaslonu s ovim proširenjem. Kada izmjerite područje, možete povucite pravokutnik na zaslonu da biste ga koristili kao usporedbu.
IE View / IE Tab / OperaView / FirefoxView / Safari pogled / IE View Lite
Ova proširenja (uzmite odabir) omogućuju jednostavno pregledavanje trenutačne stranice u različitim preglednicima. IE Tab čak će vam omogućiti pokretanje IE unutar kartice, ako ste bili tako skloni.
Brisanje gumba za cache
Brisanje predmemorije. Posebno korisno za provjeru novih CSS promjena.
Ponovo pokrenite Firefox
Restart Firefox ekstenzija je vrlo korisno za zatvaranje i ponovno pokretanje Firefox sa svim karticama i sjednicama netaknut.
Tab Mix Plus
Proširenje Tab Mix Plus općenito je veliko proširenje, ali ima nekoliko bitno korisnih značajki za programere web-mjesta: URL duplikatne kartice i kopiranje kartice.
YSlow
YSlow proširenje je novo proširenje tvrtke Yahoo koja će analizirati vašu stranicu i reći vam gdje se griješite. Čak će vam dati i ocjenu izvedbe vaše web-lokacije. Primjetit ćete mali mjerač u donjem desnom kutu ... koji vam govori ukupnu veličinu stranice, kao i vrijeme učitavanja. Vrlo korisno proširenje, ali to zahtijeva Firebug produžetak.
Dummy Lorem Ipsum
Dummy Lipsum generator proširenje će generirati dummy sadržaja za vas temelji se na poznati Lorem Ipsum tekst koji je vrlo koristan za polaganje lažnih sadržaja na vašem sučelju.
Screengrab!
Proširenje Screengrab omogućit će vam da snimite snimke zaslona na stranicama, ali možete učiniti nešto što redovni alat za snimanje zaslona ne može - može snimiti sliku cijele stranice, a ne samo vidljivi dio.
Postoji mnogo drugih proširenja koje možete koristiti, ali to su najbolji od najboljih od svega što sam vidio. Ako imate još jedno proširenje koje redovito upotrebljavate, napominjemo u komentarima.
U ovom trenutku sada ste Firefox pretvorili u vrhunski alat za razvoj web stranica. Uzmite si vremena kako bi naučili kako koristiti Firebug posebno.
