Vytvorte profil vývoja webových stránok Ultimate Firefox

Pri správnom nakonfigurovaní sa Firefox môže stať najvyšším nástrojom vývoja webových stránok, ktorý vám umožní priamy prístup na stránku, na ktorej pracujete, aby ste mohli upravovať stránku v reálnom čase, ladiť javascript alebo dokonca upravovať html.

Vytvorte samostatný profil pre vývoj webových aplikácií

Inštalácia všetkých týchto vývojových nástrojov urobí Firefox do veľmi náročného prehliadača, takže by sme mali najprv vytvoriť nový profil pre Firefox.

Môžete spustiť samostatný profil súčasne s bežným profilom tak, že vytvoríte novú skratku s týmito argumentmi a nahradíte WebDev menom vášho profilu. Existuje aj podrobnejšie vysvetlenie, ako to urobiť.

firefox.exe -P WebDev - nie je vzdialený

Teraz, keď máte Firefox nakonfigurovaný so samostatným profilom len pre vývoj webových stránok, poďme sa pozrieť na rozšírenia, ktoré môžeme použiť na to, aby sa Firefox stal najvyšším nástrojom vývoja webu.

Musí mať rozšírenia Web Dev

Toto sú všetky rozšírenia, ktoré pravidelne používam na vývoj webových aplikácií.

Firebug

Firebug je najvýkonnejšie rozšírenie pre ladenie javascript, prezeranie CSS a html. Môžete vykonať dynamické zmeny kódu a CSS a použiť ho na ladenie vášho Ajax kódu. Je to naozaj najlepšie rozšírenie tam.

Vývoj webových vývojárov

Jedno z najlepších rozšírení na x ročné obdobie. To je nevyhnutné pre každého vývojára, ale už ste o tom počuli.

Rozšírenie Aardvark

Toto rozšírenie je veľmi ľahké rozšírenie, ktoré vám ľahko ukáže prvky na stránke a ich priradenú triedu / id. Je to jednoduchšie ako rozšírenie webového vývojára pre tie časy, keď potrebujete rýchle informácie pre prvok. Môžete ju použiť aj na odstránenie prvkov zo stránky.

ColorZilla

Ľahko vyberajte farby. Už žiadne bolesti pri hľadaní farieb zabudovaných niekde v štýle šablón.

Zobraziť zdroj s

Môžete nastaviť viaceré profily zdrojového zobrazenia, aby ste otvorili zdroj v rôznych aplikáciách.

Validátor HTML

Toto rozšírenie vám umožňuje ľahko overiť HTML stránku a inštaluje sa do panelu Zobraziť zdroj.

Greasemonkey

Nie je to práve rozšírenie pre webových vývojárov, ale Greasemonkey je úžasné, a to nielen pre schopnosť automatizovať bežne vykonávané akcie, čo je skvelý šetrič času pre webových vývojárov.

Zmerajte to

Jednoducho merať vzdialenosť na obrazovke s týmto rozšírením. Po zmene oblasti môžete pretiahnuť obdĺžnik okolo obrazovky a použiť ho ako porovnanie.

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

Tieto rozšírenia (môžete si vybrať) vám umožňujú jednoducho zobraziť aktuálnu stránku v rôznych prehliadačoch. Karta IE vám dokonca umožní spustiť IE vo vnútri karty, ak ste boli tak naklonený.

Vymažte tlačidlo vyrovnávacej pamäte

Vymaže cache. Zvlášť vhodné pre kontrolu nových zmien CSS.

Reštartujte Firefox

Rozšírenie reštartovania prehliadača Firefox je veľmi užitočné pre zatvorenie a reštartovanie prehliadača Firefox so všetkými kartami a reláciami neporušenými.

Tab Mix Plus

Rozšírenie Tab Mix Plus je všeobecne skvelé rozšírenie, ale má niekoľko v podstate užitočných funkcií pre vývojárov webových stránok: adresa záložky Duplicate Tab a Copy Tab.

YSlow

Rozšírenie YSlow je nové rozšírenie od spoločnosti Yahoo, ktoré analyzuje vašu stránku a povie vám, kde sa chystáte robiť. Dokonca vám poskytne známku o výkonnosti vašich stránok. V spodnom pravom rohu spozorujete malý rozchod ... zobrazuje celkovú veľkosť vašej stránky a čas načítania. Veľmi užitočné rozšírenie, ale vyžaduje rozšírenie Firebug.

Dummy Lorem Ipsum

Rozšírenie generátora Dummy Lipsum generuje pre vás fiktívny obsah založený na slávnom texte Lorem Ipsum, ktorý je veľmi užitočný na vysvetlenie falošného obsahu na vašom webe.

Screengrab!

Rozšírenie Screengrab vám umožní nasnímať obrazovky stránok, ale môže robiť niečo, čo bežný nástroj screenshot nemôže - môže si vziať obraz celej stránky, a to nielen viditeľnú časť.

 

Existuje veľa ďalších rozšírení, ktoré môžete použiť, ale sú to najlepšie z najlepších zo všetkého, čo som videl. Ak máte ďalšie rozšírenie, ktoré používate pravidelne, zanechajte v komentároch zmienku.

V tomto momente ste teraz premenili Firefox na konečný nástroj pre vývoj webových aplikácií. Urobte si čas naučiť sa používať Firebug zvlášť.