Vytvořte profil pro vývoj webových aplikací Ultimate Firefox
Když je Firefox správně nakonfigurován, může se stát nejlepším nástrojem pro vývoj webových aplikací, který vám umožní přímý přístup na stránku, na které pracujete, takže si můžete stylovat stránku v reálném čase, ladit javascript nebo dokonce upravit html.
Vytvořte samostatný profil pro vývoj webových aplikací
Instalace všech těchto vývojových nástrojů přinese Firefoxu do velmi těžkého prohlížeče, proto bychom měli nejprve vytvořit nový profil pro Firefox.
Můžete spustit samostatný profil současně s běžným profilem vytvořením nové zástupce s těmito argumenty a nahradit WebDev názvem vašeho profilu. Existuje také podrobnější vysvětlení, jak to udělat.
firefox.exe -P WebDev -no vzdálené
Nyní, když máte Firefox nakonfigurován se samostatným profilem pouze pro vývoj webových aplikací, pojďme se podívat na rozšíření, která můžeme využít k tomu, aby se Firefox stal nejlepším nástrojem pro vývoj webových aplikací.
Musí mít rozšíření Web Dev
Jedná se o všechna rozšíření, která pravidelně používám pro vývoj webových aplikací.
Firebug
Firebug je nejsilnější rozšíření pro ladění javascriptu, prohlížení CSS a html. Můžete provést dynamické změny kódu a CSS a použít k ladění kódu Ajaxu. Je to opravdu nejlepší rozšíření.
Vývoj webových vývojářů
Jedno z nejlepších rozšíření pro x let. To je nutný pro každého vývojáře, ale už jste o něm slyšeli.
Rozšíření Aardvark
Toto rozšíření je velmi lehké rozšíření, které vám snadno ukáže prvky na stránce a jejich přiřazenou třídu / id. Je to jednodušší než rozšíření webových vývojářů pro ty časy, kdy potřebujete rychlé informace o prvku. Můžete také použít k odstranění prvků ze stránky.
Colorzilla
Zvolte snadno barvy. Už žádná bolest při hledání barvy zakotvená někde v stylu.
Zobrazit zdroj s
Pro otevření zdroje v různých aplikacích můžete nastavit více profilů zdrojů zobrazení.
HTML Validator
Toto rozšíření umožňuje snadné ověření HTML stránky a instalace do panelu Zobrazit zdroj.
Greasemonkey
Není to přesně rozšíření webových vývojářů, ale Greasemonkey je úžasné, a to nejen pro schopnost automatizovat běžné akce, což je skvělý spořič času pro vývojáře webu.
Změřte to
S tímto rozšířením můžete snadno měřit vzdálenost na obrazovce. Jakmile změříte oblast, můžete přetáhnout obdélník kolem obrazovky a použít ji jako srovnání.
IE View / IE Tab / OperaView / FirefoxView / Safari View / IE View Lite
Tato rozšíření umožňují snadno zobrazit aktuální stránku v různých prohlížečích. Záložka IE vám dokonce umožní spustit IE uvnitř karty, pokud jste byl tak nakloněn.
Vymažte tlačítko mezipaměti
Vymaže cache. Zvláště užitečné pro kontrolu nových změn CSS.
Restartujte aplikaci Firefox
Rozšíření pro restartování aplikace Firefox je velmi užitečné pro zavření a restartování prohlížeče Firefox se všemi kartami a relacemi neporušenými.
Tab Mix Plus
Rozšíření Tab Mix Plus je obecně velkým rozšířením, ale má několik užitečných funkcí pro vývojáře webu: záložka Duplicate Tab a Copy Tab.
YSlow
Rozšíření YSlow je nové rozšíření od společnosti Yahoo, které bude analyzovat vaši stránku a povědět vám, kde děláte chyby. Dokonce vám dá hodnocení o výkonu vašeho webu. Všimnete si malého měřidla v pravém dolním rohu ... udává celkovou velikost stránky a dobu načítání. Velmi užitečné rozšíření, ale vyžaduje rozšíření Firebug.
Dummy Lorem Ipsum
Rozšiřující generátor Dummy Lipsum generuje pro vás fiktivní obsah založený na slavném textu Lorem Ipsum, který je velmi užitečný pro vytváření falešného obsahu na vašem webu.
Screengrab!
Rozšíření Screengrab vám umožní pořídit screenshoty stránek, ale můžete udělat něco, co běžný snímek obrazovky nemůže - může si vzít obrázek celé stránky, a to nejen viditelné části.
Existuje mnoho dalších rozšíření, které můžete použít, ale jsou to nejlepší z nejlepších ze všech, které jsem viděl. Pokud máte jiné rozšíření, které používáte pravidelně, zanechte v poznámkách zmínku.
V tomto okamžiku jste nyní Firefox změnili na konečný nástroj pro vývoj webových aplikací. Udělejte si čas, abyste se naučili používat Firebug zvlášť.
