24Aug

Ustvarite spletni profil za razvoj spletnega mesta Ultimate Firefox

Ko je pravilno konfiguriran, lahko Firefox postane orodje za končno razvojno spletno mesto, ki vam omogoča neposreden dostop do strani, na kateri delate, tako da lahko svojo stran vnesete v realnem času, brskate po javascriptu ali celo uredite html.

Ustvarite ločeni profil za razvoj spletnih strani

Nameščanje vseh teh razvojnih orodij bo Firefox v zelo težkem brskalniku, zato bi morali najprej ustvariti nov profil za Firefox.

Ločen profil lahko začnete istočasno kot vaš reden profil, tako da ustvarite novo bližnjico s temi argumenti, pri čemer zamenjate WebDev z imenom vašega profila. Obstaja tudi podrobnejša razlaga, kako to storiti.

firefox.exe -P WebDev -no-oddaljeni

Zdaj, ko imate Firefox konfiguriran z ločenim profilom samo za razvoj spletnih mest, si oglejte razširitve, ki jih lahko uporabimo, da Firefox postane orodje za razvoj končnega spletnega orodja.

Must-Have Razširitve spletnih izdaj

To so vse razširitve, ki jih uporabljam redno za razvoj spletnih strani.

Firebug

Firebug je najmočnejša razširitev za odpravljanje napak javascript, ogled CSS in html. Dinamične spremembe lahko spremenite v kodo in CSS ter jo uporabite za odpravljanje napak v kodi Ajax. To je resnično najboljša razširitev tam zunaj.

Razširitev spletnega razvijalca

Ena izmed najboljših razširitev za x let teče. To je treba imeti za vsakega razvijalca, vendar ste že slišali za to.

Aardvarkova razširitev

Ta razširitev je zelo lahka razširitev, ki vam bo enostavno prikazala elemente na strani in njihov dodeljeni razred / id. Enostavneje je uporabljati kot razširitev spletnega razvijalca za tiste čase, ko potrebujete hitro informacijo o elementu. Uporabite ga lahko tudi za odstranitev elementov s strani.

Colorzilla

Izberite barve enostavno. Nič več bolečine pri iskanju barv, vstavljenih nekje v slogan.

Ogled vira z

Nastavite lahko izvorne profile več pogledov, da odprete vir v različnih aplikacijah.

HTML Validator

Ta razširitev vam omogoča enostavno preverjanje HTML-ja in namestitev na plošči View Source.

Greasemonkey

To ni ravno razširitev spletnega razvijalca, ampak Greasemonkey je super, še posebej zaradi zmožnosti avtomatizacije običajno izvedenih dejanj, kar je odličen časovni varčevalnik za razvijalce spletnih mest.

Measure It

Preprosto izmerite razdaljo na zaslonu s to razširitvijo. Ko izmerite območje, lahko povlečete pravokotnik okoli zaslona, ​​ki ga lahko uporabite kot primerjavo.

IE View / IE Tab / OperaView / FirefoxView / Safari View / IE View Lite

Te razširitve( prevzamejo svojo izbiro) omogočajo enostavno pregledovanje trenutne strani v različnih brskalnikih. IE Tab vam bo celo dovolil zagnati IE v zavihku, če bi bili tako nagnjeni.

Počisti predpomnilnik

Čisti predpomnilnik.Še posebej uporaben za preverjanje novih sprememb CSS.

Ponovno zaženite Firefox

Razširitev za Firefox je zelo uporabna za zapiranje in ponovni zagon Firefoxa, pri čemer so vsi zavihki in seje nedotaknjeni.

Tab Mix Plus

Razširitev Tab Mix Plus je odlična razširitev na splošno, vendar ima nekaj bistvenih uporabnih funkcij za razvijalce spletnih mest: URL-ja Duplicate Tab in Copy Tab Tab.

YSlow

Razširitev YSlow je nova razširitev od Yahooa, ki bo analizirala vašo stran in vam povedala, kje naredite napake. To vam bo celo dalo oceno uspešnosti vašega spletnega mesta. V spodnjem desnem kotu boste opazili majhen profil. .. vam pove celotno velikost vaše strani in čas nalaganja. Zelo koristna razširitev, vendar zahteva podaljšek Firebug.

Dummy Lorem Ipsum

Razširitev generatorja Dummy Lipsum bo za vas ustvarila preskusno vsebino, ki temelji na znanih besedilih Lorem Ipsum, ki je zelo uporabna za določanje lažnih vsebin na vašem spletnem mestu.

Screengrab!

Razširitev Screengrab vam omogoča, da posnamete screenshote strani, lahko pa storite nekaj, kar običajno orodje za snemanje ne more - lahko vzame sliko celotne strani, ne samo vidnega dela.

Obstajajo številne druge razširitve, ki jih lahko uporabite, vendar so ti najboljši od najboljših, kar sem jih videl.Če imate še eno razširitev, ki jo redno uporabljate, v komentarjih pustite omembo.

Na tej točki ste zdaj spremenili Firefox v končno orodje za razvoj spletnega mesta. Vzemite si čas, da se naučite posebej uporabljati Firebug.