Domača » kako » Ustvarite Končni spletni razvojni profil za Firefox

    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.