Ustvarite Končni spletni razvojni profil za Firefox
Ko je Firefox pravilno konfiguriran, lahko postane končno orodje za razvoj spletnih strani, ki vam omogoča neposreden dostop do strani, na kateri delate, tako da lahko slog strani oblikujete v realnem času, razhroščite javascript ali celo uredite html.
Ustvarite ločen profil za spletni razvoj
Namestitev vseh teh razvojnih orodij bo Firefox naredila v zelo težkem brskalniku, zato moramo najprej ustvariti nov profil za Firefox.
Ločen profil lahko zaženete hkrati z običajnim profilom, tako da ustvarite novo bližnjico s temi argumenti, tako da WebDev zamenjate z imenom profila. Obstaja tudi podrobnejša razlaga, kako to narediti.
firefox.exe -P WebDev -no-daljinski
Zdaj, ko imate Firefox konfiguriran z ločenim profilom samo za razvoj spletnih strani, si poglejmo razširitve, ki jih lahko uporabimo za to, da Firefox postane končno orodje za razvoj spletnih mest.
Mora imeti spletne razširitve
To so vse razširitve, ki jih redno uporabljam za razvoj spleta.
Firebug
Firebug je najmočnejša razširitev za razhroščevanje javascripta, ogled CSS in html. Naredite lahko dinamične spremembe kode in CSS-ja ter ga uporabite za razhroščevanje vaše kode Ajax. To je res najboljši podaljšek tam.
Razširitev za spletne razvijalce
Ena najboljših razširitev za x let. To je nujno potrebno za vsakega razvijalca, vendar ste že slišali za to.
Podaljšek Aardvark
Ta razširitev je zelo lahka razširitev, ki vam bo zlahka pokazala elemente na strani in njihov dodeljeni razred / id. To je enostavnejše za uporabo kot razširitev za spletne razvijalce za tiste čase, ko potrebujete samo hitre informacije za element. Uporabite ga lahko tudi za odstranjevanje elementov s strani.
Colorzilla
Enostavno izberite barve. Nič več bolečine pri iskanju barv, vdelanih nekje v slogovno tabelo.
Prikaži vir s
Nastavite lahko več profilov pogledov, da odprete vir v različnih aplikacijah.
Validator HTML
Ta razširitev vam omogoča preprosto preverjanje HTML-ja strani in namestitev na ploščo View Source.
Greasemonkey
To ni ravno razširitev za spletne razvijalce, vendar je Greasemonkey odličen, nenazadnje zaradi zmožnosti za avtomatizacijo običajno izvedenih dejanj, kar je izjemno varčevalo časa za spletne razvijalce.
Izmeri
S to razširitvijo enostavno izmerite razdaljo na zaslonu. Ko izmerite območje, lahko povlečete pravokotnik okrog zaslona, da ga uporabite kot primerjavo.
Pogled IE / IE Tab / OperaView / FirefoxView / Safari View / IE View Lite
Te razširitve (izberite) omogočajo preprosto ogledovanje trenutne strani v različnih brskalnikih. IE Tab bo celo omogočil, da zaženete IE znotraj zavihka, če ste bili tako nagnjeni.
Počisti gumb predpomnilnika
Počisti predpomnilnik. Še posebej uporabno za preverjanje novih sprememb CSS.
Znova zaženite Firefox
Razširitev Restart Firefox je zelo uporabna za zapiranje in ponovno zagon Firefoxa, saj so vsi zavihki in seje nepoškodovani.
Tab Mix Plus
Razširitev Tab Mix Plus je v splošnem velika razširitev, vendar ima nekaj bistveno uporabnih funkcij za spletne razvijalce: dvojnik zavihka in URL zavihka za kopiranje.
YSlow
Razširitev YSlow je nova razširitev iz Yahooja, ki bo analizirala vašo stran in vam povedala, kje delate napake. To vam bo celo dalo oceno o uspešnosti vašega spletnega mesta. Opazili boste, da je v spodnjem desnem kotu malo merilnika ... pove vam skupno velikost vaše strani in čas nalaganja. Zelo uporabna razširitev, vendar zahteva razširitev Firebug.
Dummy Lorem Ipsum
Razširitev generatorja Dummy Lipsum bo za vas ustvarila dummy vsebino na podlagi znanega besedila Lorem Ipsum, ki je zelo uporabno za oblikovanje lažne vsebine na vašem spletnem mestu..
Screengrab!
Razširitev Screengrapa vam bo omogočila, da naredite posnetke strani, vendar lahko naredite nekaj, česar običajno orodje za posnetke zaslona ne more - lahko sprejme sliko celotne strani, ne le vidnega dela.
Obstaja veliko drugih razširitev, ki jih lahko uporabite, vendar so to najboljši od vseh, ki sem jih videl. Če imate drugo razširitev, ki jo redno uporabljate, v komentarjih pustite omeniti.
Na tej točki ste zdaj spremenili Firefox v končno spletno orodje za razvoj. Vzemite si čas in se naučite uporabljati Firebug.