Ето списък с някои от най-често ползваните програмки и плъгини за уеб (има и линкове - който иска да ги изпробва):
Firefox:
- Firebug - има доста богато wiki кадето са описани възможностите, има примери и разбира се - shortkeys
- Web Developer - също доста популярен
- Mozilla Inspector - вграден във Firefox в послените версии - със сигурност версии 10 и 11 го имат. Предимно се тества на тези версии, които имат официална поддръжка - това са Firefox 3.6(до края на Април тази година) и последната излязла версия (версия 11 за сега)
Chrome
-
Web Inspector - вграден в браузъра(десен бутон > Inspect Element).
Има изчерпателна документация: http://code.google.com/chrome/devtools/
http://code.google.com/chrome/devtools/docs/overview.html
- Web Developer - почти като Web Developer tool-а във Firefox.
- Pendule - препокрива функционалността на web developer
IE
- F12 developer tools - вграден в IE8+. За IE7 се инсталира допълнително. В последната версия на IE - 10 се държи по-прилично, но все още е неудобен за работа ... но няма как - трябва да се свиква и с него
Opera:
- DragonFly - вграден. Документация: http://www.opera.com/dragonfly/documentation/
Safari:
- Web Inspector - вграден в браузъра(десен бутон > Inspect Element). Safari & Chrome споделят един енджин за рендване на страниците(webkit). В повечето случаи, ако изглежда добре под Chrome, то и под Safari ще изглежда добре.
Други:
- ySlow - плъгин на Yahoo. Работи на повечето браузъри. Анализира уеб страниците и предлага как да подобрите бързодействието.
- Page Speed - плъгин на Google. Също измерва бързодействието и предлага подобрения.
- Charles - платен, stand-alone. Доста удобен и приятен за анализиране на трафика на страниците.
Има още много, но изборените са най-често използваните за уеб разработка.
Ето още няколко интересни, който могат да улеснят работата и не е нужно да имате някакви програми за да пишете на html, css & javascript:
- jsFiddle - on-line tool за уеб разработка.
- jsBin - online tool
- cloud9 - on-line IDE - под Windows дебъга работи, но не и под Mac
- Library Detector - for Firefox. Детектва използваните в уеб страници javascript библиотеки (разбира се с някои условности...)
-
Library Detector - for Chrome - Аналогично действие като плъгина за Firefox. Поне на мен ми е интересно да разбирам какви библиотеки използват посещаваните от мен сайтове.
Предстой да го ъпдейтна с няколко подобрения
TODO: По-късно ще добавя други програмки и плъгини за css и javascript