Pri správnom nakonfigurovaní sa Firefox môže stať najvyšším nástrojom vývoja webových stránok, ktorý vám poskytne priamy prístup na stránku, na ktorej pracujete, aby ste mohli v reálnom čase prispôsobiť vašu stránku, debugovať javascript alebo dokonca upraviť html.
Vytvorte samostatný profil pre vývoj webových aplikácií
Inštaláciou všetkých týchto vývojových nástrojov sa Firefox stane veľmi náročným prehliadačom, preto 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 -no-remote
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 ho tiež použiť na odstránenie prvkov zo stránky.
ColorZilla
Zvoľte farby ľahko. Už žiadne bolesti pri hľadaní farieb zabudovaných niekde v štýle šablóny.
Zobraziť zdroj s
Môžete nastaviť viac profilov zdrojového zobrazenia, aby ste otvorili zdroj v rôznych aplikáciách.
HTML Validator
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ý časový šetrič pre webových vývojárov.
Zmerajte to
Jednoducho merať vzdialenosť na obrazovke s týmto rozšírením. Po zmernení 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 (vyberte si) 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ášť užitočné 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 vo všeobecnosti skvelým rozšírením, má však niekoľko v podstate užitočných funkcií pre vývojárov webových stránok: adresy 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 prinesie známku o výkonnosti vašich stránok. V spodnom pravom rohu spozorujete malý ukazovateľ … informuje o celkovej veľkosti vašej stránky, ako aj o čase načítania. Veľmi užitočné rozšírenie, ale vyžaduje rozšírenie Firebug.
Dummy Lorem Ipsum
Rozšírenie Dummy Lipsum generátor vytvorí 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šich stránkach.
Screengrab!
Rozšírenie Screengrab vám umožní nasnímať obrázky 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 nie len viditeľnú časť.
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ášť.
