Хочу представить несколько инструментов-закладок, которые могут оказаться полезными для вебмастеров.

Установить их довольно легко – перенести на панель закладок.

FireBug Lite

Упрощенная версия FireBug, которая работает не только в FF.

Firebug.liteподробнее

MRI

Позволяет показывает элементы, принадлежащие указанному селектору. Очень удобно при отладке CSS.

MRIподробнее

Design

Позволяет использовать дополнительные инструменты на странице: настраиваемую сетку, линейки, "прицел".

Designподробнее

ReCSS

Позволяет отдельно перезагружать CSS без перезагрузки страницы.

ReCSSподробнее

XRAY

Довольно удобный аналог инспектора firebug

XRAYподробнее

Favelet Suite

Набор из полезных инструментов:

  • Список цветов
  • Дерево документа
  • Просмотр атрибутов элементов
  • Просмотр заголовков HTTP
  • Модификатор скрытых полей
  • Дерево объектов Javascript
  • Инспектор DOM
  • Информация о странице
  • Преобразователь размеров шрифтов
  • Линейка
  • Исходный код
  • Настройки стилей
  • и т.п.

FaveletSuiteподробнее

В виде бонуса – несколько одинаковых по назначению инструмента – jQuery-букмарклетов, которые позволяют подключать jQuiery на любой странице и использовать его через консоль.

jQuerifyо букмарклете (eng)

xPheRe jQuerify – модифицированная версия предыдущего букмарклета (разработчик)

%27).css({fontSize:%20%2711px%27,%20fontFamily:%20%27monospace%27,%20color:%20%27white%27,%20marginBottom:%20%277px%27,%20overflow:%20%27auto%27,%20height:%20%27120px%27,%20border:%20%271px%20solid%20#a0a0a0%27,%20padding:%20%275px%27,%20textAlign:%20%27left%27});var%20$input%20=%20$(%27%27).css({border:%20%271px%20solid%20#a0a0a0%27,%20padding:%20%273px%27,%20width:%20%27444px%27,%20fontSize:%20%2711px%27});function%20format(value)%20{return%20value.toString();}function%20append(text,%20color)%20{$log.append($(%27

%27).css({%27color%27:%20color%20||%20%27black%27,%20margin:%200,%20padding:%200}).text(text));$log[0].scrollTop%20=%20$log[0].scrollHeight;}$input.keypress(function(evt)%20{if%20(evt.keyCode%20==%2013)%20{try%20{var%20cmd%20=%20this.value;append(%27>%20%27%20+%20cmd);append(format(eval(cmd)));}%20catch%20(e)%20{append(e.toString(),%20%27#ff0000%27);}%20finally%20{this.value%20=%20%27%27;}}});var%20$container%20=%20$(%27

Google slashdot YahooMyWeb Digg Technorati Delicious Забобрить эту страницу! Добавить на Newsland.ru Добавить на СМИ2 Добавить на RUmarkz Добавить на Ваау! Добавить на rucity.com Добавить в закладки МоёМесто.ru
Link:

Эта статья была опубликована в в понедельник, ноября 23, 2009 at 2:34 am в рубрике JQuery, Бесплатно, Бесплатные программы, Вебмастеру, Набор для Веб-разработчика, Плагины, Полезное, Программы, Разработка, Расширения FireFox, Скрипты, Фишки, Фреймворки. Вы можете отслеживать ответы на нее через RSS 2.0. Вы можете оставить отзыв, или trackback из вашего сайта.


Оставить отзыв