24Aug
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 upravovat html.
Vytvoření samostatného profilu 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 jménem 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 použít k tomu, aby se Firefox stal nejlepším nástrojem pro vývoj webových aplikací.
musí mít rozšíření Web Dev
Toto jsou 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í vašeho kódu Ajaxu. Je to opravdu nejlepší rozšíření.
Rozšíření webových vývojářů
Jedno z nejlepších rozšíření pro běh x let. To je nutností 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
Vyberte barvy snadno. Už žádná bolest najít barvy zabudované někde ve stylu.
Zobrazit zdroj s
Pro otevření zdroje v různých aplikacích můžete nastavit více zdrojových profilů zobrazení.
HTML Validator
Toto rozšíření umožňuje snadno ověřit HTML stránku a nainstalovat do panelu View Source.
Greasemonkey
Není to přesně rozšíření webového vývojáře, ale Greasemonkey je úžasné, nejen pro schopnost automatizovat běžně prováděné akce, což je skvělý spořič času pro webovské vývojáře.
Measure It
Snadno změřte vzdálenost na obrazovce tímto rozšířením. Jakmile změříte oblast, můžete přetáhnout obdélník kolem obrazovky a použít ji jako srovnání.
Zobrazit / Tabulka IE / OperaView / FirefoxView / Zobrazit Safari / IE View Lite
Tato rozšíření( výběr) 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.
Clear Cache Button
Vymaže cache. Zvláště užitečné pro kontrolu nových změn CSS.
Restart Firefox
Rozšíření pro restartování Firefoxu je velmi užitečné při zavírání a restartování Firefoxu 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 prakticky užitečných funkcí pro webovské vývojáře: URL 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 dolním pravém rohu si všimnete malého měřidla. .. 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 komentáří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 naučit se používat Firebug zvlášť.