Създайте най-добрия профил за уеб разработка на Firefox

Когато е правилно конфигуриран, Firefox може да се превърне в най-добрия инструмент за уеб разработка, който ви дава директен достъп до страницата, върху която работите, за да можете да оформите страницата си в реално време, да отстранявате грешки в javascript или дори да редактирате html.

Създайте отделен профил за уеб разработка

Инсталирането на всички тези инструменти за разработка ще направи Firefox в много тежък браузър, така че първо трябва да създадем нов профил за Firefox.

Можете да стартирате отделен профил едновременно с обикновения си профил, като създадете нов пряк път с тези аргументи, като замените WebDev с името на вашия профил. Има и по-подробно обяснение за това как да направите това.

firefox.exe -P WebDev -не-дистанционно

Сега, след като сте конфигурирали Firefox с отделен профил само за уеб разработка, нека да разгледаме разширенията, които можем да използваме, за да направим Firefox в най-добрия инструмент за уеб разработки.

Трябва да имате Web Dev разширения

Това са всички разширения, които използвам редовно за уеб разработки.

подпалвач

Firebug е най-мощното разширение за отстраняване на грешки на javascript, гледане на CSS и html. Можете да правите динамични промени в кода и CSS и да го използвате за отстраняване на грешки в кода на Ajax. Това е наистина най-доброто разширение там.

Разширение за уеб разработчици

Един от най-добрите разширения за х години. Това е задължително за всеки разработчик, но вече сте чували за него.

Разширение на Aardvark

Това разширение е много леко разширение, което лесно ще ви покаже елементите на страницата и техния присвоен клас / идентификатор. По-лесно е да се използва от разширението за уеб разработчици за онези времена, когато се нуждаете от бърза информация за даден елемент. Можете да го използвате и за премахване на елементи от страницата.

Colorzilla

Изберете цветовете лесно. Няма повече болка от намирането на цветове, вградени някъде в таблица със стилове.

Преглед на източника с

Можете да настроите няколко профила за изходен източник, за да отворите източника в различни приложения.

HTML валидатор

Това разширение ви позволява лесно да проверите HTML страницата си и да го инсталирате в панела Изглед на източника.

Механик

Това не е просто разширение за уеб разработчици, но Greasemonkey е страхотно, не на последно място за възможността за автоматизиране на често извършвани действия, което е много спестяващо време за уеб разработчиците.

Измервай

Лесно измерете разстоянието на екрана с това разширение. След като измерите област, можете да плъзнете правоъгълника около екрана, за да го използвате като сравнение.

Преглед на IE / IE Tab / OperaView / FirefoxView / Safari View / IE View Lite

Тези разширения (вземете своя избор) ви позволяват лесно да преглеждате текущата страница в различни браузъри. IE Tab дори ще ви позволи да стартирате IE вътре в раздел, ако сте били толкова наклонени.

Изчистване на бутон на кеша

Изчиства кеша. Особено полезна за проверка на новите промени в CSS.

Рестартирайте Firefox

Разширението за рестартиране на Firefox е много полезно за затваряне и рестартиране на Firefox, като всички раздели и сесии са непокътнати.

Tab Mix Plus

Разширяването на Tab Mix Plus е голямо разширение като цяло, но има няколко съществени полезни функции за уеб разработчиците:.

YSlow

Разширението YSlow е ново разширение от Yahoo, което ще анализира вашата страница и ще ви каже къде правите грешки. Той дори ще ви даде оценка за ефективността на сайта Ви. Ще забележите, че малката габарит в долния десен ъгъл ... ви показва общия размер на страницата ви, както и времето за зареждане. Много полезно разширение, но изисква разширение Firebug.

Манекен Lorem Ipsum

Разширението Dummy Lipsum генерира фиктивно съдържание за вас въз основа на известния текст на Lorem Ipsum, който е много полезен за изработване на фалшиво съдържание в сайта ви.

Screengrab!

Разширението Screengrab ще ви позволи да правите скрийншотове на страници, но може да направите нещо, което не може да направи обикновен инструмент за скрийншот - той може да вземе изображение на цялата страница, а не само на видимата част.

 

Има много други разширения, които можете да използвате, но това са най-добрите от най-добрите от всичко, което съм виждал. Ако имате друго разширение, което използвате редовно, оставете споменаване в коментарите.

В този момент вие превърнахте Firefox в най-добрия инструмент за уеб разработка. Отделете време да научите как да използвате Firebug.