dimanche 11 mars 2012

Ultimátního Firefox Vývoj webu profil

Když správně nastaven, může Firefox se stal hlavním nástrojem pro vývoj webu, která vám přímý přístup na stránky, na kterém pracujete, takže můžete stylu stránky v reálném čase, ladění JavaScript, nebo dokonce upravit html.

Vytvořit samostatný profil pro vývoj webových aplikací

Instalace všech těchto vývojových nástrojů bude Firefox do velmi těžké prohlížeč, takže bychom se měli nejprve vytvořit nový profil Firefoxu.

Můžete spustit samostatný profil ve stejnou dobu jako vaše pravidelné profil vytvoření nového zástupce s těmito argumenty, nahrazovat webdev se název vašeho profilu. K dispozici je také Podrobnější vysvětlení o tom, jak to udělat.

firefox.exe-P webdev-no-dálkové

Nyní, když máte Firefox nakonfigurován samostatný profil pouze pro vývoj webových aplikací, pojďme se podívat na rozšíření můžeme použít, aby se Firefox do nejlepší nástroj pro vývoj webu.

Které musíte mít rozšíření webových Dev

To vše jsou rozšíření, které používám pravidelně pro vývoj webových aplikací.

Firebug

Firebug je nejsilnější rozšíření pro ladění JavaScript, prohlížení CSS a HTML. Můžete si vytvořit dynamické změny v kódu a CSS, a používat jej k ladění Ajax kódu. Je to opravdu to nejlepší rozšíření venku.

image

Rozšíření Web Developer

Jeden z nejlepších rozšíření pro x let provozu. To je nutnost pro každý vývojář, ale už jste slyšeli o tom.

Rozšíření Aardvark

Toto rozšíření je velmi lehké rozšíření, které se snadno ukáže prvků na stránce a přidělené třídy / id. Je to jednodušší než použití rozšíření Web Developer pro případy, kdy stačí Rychlé informace o element. Můžete také použít k odstraňování prvků na stránce.

Colorzilla

Vyberte barvy snadno. Už žádné bolesti najít někde v barvách vložených stylů.

Ukázat zdroj

Můžete nastavit více profilů Editovat otevřít zdroje v různých aplikacích.

HTML Validator

Toto rozšíření umožňuje snadno ověřit své stránky HTML a nainstaluje do panelu Zobrazit zdrojový kód.

Greasemonkey

Není to zrovna webový vývojář rozšíření, ale Greasemonkey je úžasné, v neposlední řadě schopnost automatizovat často prováděné činnosti, což je velký spořič času pro webové vývojáře.

Opatření, které

Snadno měřit vzdálenosti na obrazovce s touto příponou. Poté, co jste měřené oblasti, můžete tažením obdélníku kolem obrazovky použít jako porovnání.

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

Tato rozšíření (vyberte si) vám umožní snadno prohlížet aktuální stránky v různých prohlížečích. IE Tab vás dokonce spustit IE uvnitř karty, pokud jste byli tak nakloněná.

Clear Cache Button

Vymaže cache. Obzvláště užitečné pro kontrolu nové změny CSS.

Restart Firefox

Restart Firefox je velmi užitečné pro zavírání a restartu Firefoxu se všemi kartami a zasedání beze změny.

Tab Mix Plus

Tab Mix Plus rozšíření je velké rozšíření v obecné rovině, ale má několik užitečných funkcí především pro webové vývojáře: Duplicitní Tab a kopírování Tab URL.

YSlow

Rozšíření YSlow je nová rozšíření z Yahoo, který bude analyzovat vaše stránky a řekne vám, kde se dělají chyby. Bude to i vám třídy na svých stránkách výkon. Určitě jste si všimli malé měřidlo v pravém dolním rohu ... Řekne ti, že celková velikost stránky, stejně jako doby načítání. Velmi užitečné rozšíření, ale vyžaduje rozšíření Firebug.

Falešné Lorem Ipsum

Dummy Lipsum Generátor rozšíření vytvoří fiktivní obsahem, abyste na slavný text Lorem Ipsum, která je velmi užitečná pro rozvržení falešný obsah na vaše stránky.

Screengrab!

Screengrab Rozšíření vám umožní mít screenshoty stránek, ale může něco udělat screenshot pravidelný nástroj nemůže - to může trvat obraz celé stránky, ne jen viditelná část.

Existují tuny dalších rozšíření, které můžete použít, ale to jsou nejlepší z nejlepších ze všech, které jsem kdy viděl. Máte-li další rozšíření, které používáte pravidelně, nechte zmínku v komentáři.

V tuto chvíli, že jste se obrátili na Firefox nejlepší nástroj pro vývoj webu. Udělejte si čas naučit se používat především Firebug.

Share:

0 commentaires:

Enregistrer un commentaire

BTemplates.com

Contributeurs

Fourni par Blogger.

Membres

Blog Archive