24Aug

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 poskytne 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í z Firefoxu veľmi náročný prehliadač, takže by sme mali najprv vytvoriť nový profil pre Firefox.

Môžete spustiť samostatný profil súčasne s vašim 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-vzdialené

Teraz, keď máte Firefox konfigurovaný 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 o webové rozhranie

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. Rozšírenie

pre vývojárov webu

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

Vyberte 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 na otvorenie zdroja 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 View Source.

Greasemonkey

Nie je to práve rozšírenie webového vývojára, 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.

Measure It

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 Zobraziť / Karta IE / OperaView / FirefoxView / Zobraziť Safari / IE Zobraziť Lite

Tieto rozšírenia( môžete si vybrať) vám umožňujú ľahko 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ý.

Vymazať cache Tlačidlo

Vymazanie vyrovnávacej pamäte. Zvlášť užitočné pre kontrolu nových zmien CSS.

Reštartujte Firefox

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

Tab Mix Plus

Rozšírenie Tab Mix Plus je skvelé rozšírenie vo všeobecnosti, ale má niekoľko v podstate užitočných funkcií pre vývojárov webu: Duplicitná karta a URL kartičky Kopírovanie.

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 generátora Dummy Lipsum 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šom webe.

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, nielen viditeľnej časti.

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 okamihu 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ášť.