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

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

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

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

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

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

firefox.exe -P WebDev -no-remote

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

Трябва да има разширения за уеб де

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

подпалвач

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

Image
Image

Разширение за уеб програмисти

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

Image
Image

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

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

Image
Image

Colorzilla

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

Image
Image

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

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

Image
Image

HTML Validator

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

Image
Image

Механик

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

Image
Image

Измерете го

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

Image
Image

IE View / Раздел IE / OperaView / FirefoxView / Safari View / IE View Lite

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

Image
Image

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

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

Image
Image

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

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

Image
Image

Tab Mix Plus

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

Image
Image

YSlow

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

Image
Image

Dummy Lorem Ipsum

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

Image
Image

Screengrab!

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

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

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

Препоръчано: