Stvorite Ultimate Firefox web razvojni profil
Kada je ispravno konfiguriran, Firefox može postati ultimativni alat za izradu web stranica, dajući vam izravan pristup stranici na kojoj radite kako biste mogli oblikovati svoju stranicu u stvarnom vremenu, ispraviti JavaScript ili čak urediti html.
Napravite zasebni profil za web razvoj
Instaliranjem svih ovih razvojnih alata Firefox će postati vrlo težak preglednik, tako da prvo trebamo stvoriti novi profil za Firefox.
Odvojeni profil možete pokrenuti istodobno s vašim uobičajenim profilom stvarajući novi prečac s tim argumentima, zamjenjujući WebDev nazivom vašeg profila. Tu je i detaljnije objašnjenje kako to učiniti.
firefox.exe -P WebDev -no-daljinski
Sada kada je Firefox konfiguriran s zasebnim profilom samo za razvoj weba, pogledajmo proširenja koja možemo upotrijebiti kako bismo Firefox pretvorili u vrhunski alat za web razvoj.
Morate imati Web Dev Extensions
To su sva proširenja koja redovito koristim za razvoj weba.
Palikuća
Firebug je najsnažnija ekstenzija za debugging javascript, gledanje CSS-a i html-a. Možete napraviti dinamičke promjene koda i CSS-a te ga koristiti za ispravljanje Ajax koda. To je doista najbolji nastavak tamo.
Web Developer Extension
Jedno od najboljih proširenja za x godina. Ovo je nezaobilazno za svakog razvojnog programera, ali već ste čuli za njega.
Produžetak Aardvark
Ovo proširenje je vrlo lagano proširenje koje će vam jednostavno pokazati elemente na stranici i dodijeljenu klasu / id. Jednostavnije je koristiti od proširenja web developera za ta vremena kada vam je potrebna samo brza informacija o elementu. Možete ga koristiti i za uklanjanje elemenata s stranice.
Colorzilla
Jednostavno odaberite boje. Nema više boli u pronalaženju boja ugrađenih negdje u stilu.
Prikaz izvora sa
Možete postaviti višestruke profile profila da biste otvorili izvor u različitim aplikacijama.
HTML Validator
Ovo proširenje omogućuje vam da lako provjerite valjanost HTML stranice i instalirate na ploču Izvor.
Greasemonkey
Nije točno proširenje web developera, ali Greasemonkey je strašan, ne samo zbog sposobnosti automatiziranja uobičajenih radnji, što je odlična ušteda vremena za web-programere.
Mjerite ga
Jednostavno izmjerite udaljenost na zaslonu s ovim nastavkom. Nakon što izmjerite područje, možete povući pravokutnik oko zaslona da biste ga koristili kao usporedbu.
IE prikaz / IE Tab / OperaView / FirefoxView / Safari pogled / IE View Lite
Ta proširenja (odaberite) omogućuju vam jednostavno pregledavanje trenutne stranice u različitim preglednicima. IE Tab će vam čak omogućiti da pokrenete IE unutar kartice, ako ste tako nagnuti.
Očisti gumb predmemorije
Briše predmemoriju. Posebno korisno za provjeru novih CSS promjena.
Ponovo pokrenite Firefox
Proširenje Restart Firefoxa vrlo je korisno za zatvaranje i ponovno pokretanje Firefoxa, dok su sve kartice i sesije netaknute.
Tab Mix Plus
Proširenje Tab Mix Plus je općenito veliko proširenje, ali ima nekoliko bitno korisnih značajki za web-programere: Duplicate Tab i Copy Tab URL.
YSlow
YSlow proširenje je novo proširenje iz Yahooa koje će analizirati vašu stranicu i reći vam gdje radite pogreške. Čak će vam dati ocjenu uspješnosti web-lokacije. Primijetit ćete mali mjerač u donjem desnom kutu ... on vam kaže ukupnu veličinu stranice kao i vrijeme učitavanja. Vrlo korisno proširenje, ali zahtijeva proširenje Firebug.
Dummy Lorem Ipsum
Dummy Lipsum Generator će vam generirati lažni sadržaj na temelju poznatog teksta Lorem Ipsum koji je vrlo koristan za postavljanje lažnog sadržaja na vašoj web-lokaciji..
Screengrab!
Proširenje Screengrab omogućit će vam snimanje zaslona stranica, ali može učiniti nešto što običan alat za snimanje zaslona ne može - može uzeti sliku cijele stranice, a ne samo vidljivi dio.
Postoji mnogo drugih ekstenzija koje možete koristiti, ali to su najbolje od najboljih iz svega što sam vidio. Ako imate drugo proširenje koje redovito koristite, ostavite spomenuti u komentarima.
U ovom trenutku, sada ste pretvorili Firefox u vrhunski alat za web razvoj. Uzmite si vremena da naučite kako koristiti Firebug posebno.