15 Firefox добавки за уеб разработчици

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

Aardvark: Aardvark ви позволява да избирате елементи от уеб страница и да извършвате различни действия върху тях. Използвам го за анализ на структурата на страницата. Можете също да премахвате и изолирате елементи или да генерирате DOM код. Горещо го препоръчвам.

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

CSS валидатор: CSS валидаторът добавя опция с десен бутон в браузъра си, като изпраща CSS на W3C CSS валидатора. Резултатите се отварят в нов раздел. CSS Валидаторът е добър инструмент, който често ще ви бъде полезен.

CSSViewer: Не трябва да работи уеб дизайнер без CSSViewer. Добавката ви информира за всички CSS данни, които ще ви трябват от даден сайт. Просто кликнете върху желаната от вас страница, отворете я в менюто Инструменти и ще се покаже CSS информация. Използвам го почти всеки ден.

FireBug: Firebug е едно от тези разширения, които просто не могат да бъдат без. Тя ви позволява да редактирате, отстранявате грешки и да разглеждате CSS, HTML и JavaScript. След като направите промяна в HTML на сайта, Firebug автоматично го показва в същия прозорец. Той е изключително мощен.

FirePHP: FireBug е чудесен инструмент за CSS, HTML и JavaScript, но FirePHP, който работи само когато имате инсталирано разширение FireBug, създава пълнофункционален опит за разработка. С помощта на двете добавки можете да видите качеството на вашия PHP и да откриете грешки. Това е голяма помощ.

Finder на шрифт: Font Finder ви позволява да маркирате шрифт, който ви харесва на всеки сайт, щракнете с десния бутон върху избора и след като изберете "Font Finder", прегледайте целия CSS стил на избора. След това можете да го поставите в собствената си уеб страница.

HTML валидатор: HTML валидатор е изключително мощен инструмент, достъпен само за потребители на Windows. Добавката ви дава обратна връзка за грешки на страницата. Също така ви дава възможност да знаете къде трябва да се обърне внимание на проблемите. Но ако не сте усъвършенстван уеб дизайнер, стойте настрана от този инструмент. Много е сложно.

IE View: Докато работите с Windows, IE View е полезен инструмент. Разширението добавя опция "Отвори в IE" в менюто с десен бутон, което ви позволява бързо да отворите сайт в Internet Explorer. Това е чудесен начин да проверите как изглежда една страница в двата браузъра.

Конзола Java: Ако искате да видите как Java аплетите се изпълняват на уеб страници, конзолата на Java е за вас. Можете да следите и отстранявате грешки аплети и да получавате пълен отчет за тяхната ефективност.

LinkChecker: LinkChecker подчертава връзките на всеки уеб сайт и ви казва дали връзката ще ви насочи към сайт на живо или ако се върне 404. Използвам го всеки ден.

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

Style Sheet Chooser II: Style Sheet Chooser II заменя вградения превключвател за стилове на Firefox и ви позволява да изберете алтернативен стил, който ще се запази на всички страници на уеб сайт. Това не е нещо, което често ще използвате, но когато се нуждаете от нещо подобно, Style Sheet Chooser II е начинът да отидете.

Web Developer: Ако инсталирате някое от разширенията в този рунд, Web Developer трябва да бъде включен. Той добавя меню и лента с инструменти към Firefox, което ви дава възможност да показвате стил на страница, да преглеждате и редактирате CSS, и много други. Никой уеб разработчик не трябва да е без него.

YSlow: YSlow изисква инсталирането на FireBug, за да работи, но това е чудесен начин да разберете защо вашият сайт работи толкова бавно. Той анализира уеб страници и връща въпроси, които забавят сайта, въз основа на правилата на Yahoo за високопроизводителни уеб сайтове. Използвам го често, за да разбера къде мога да подобря скоростта на сайтовете си. Опитай го.

 

Оставете Коментар