Статьи

10 расширенных плагинов для расширения консоли Firebug

Сказать, что Firebug — это всего лишь инструмент для веб-разработки, может привести к несправедливости, это гораздо больше. Он содержит мощный набор инструментов для отладки и оптимизации CSS, JavaScript, HTML и полностью ускоряет вашу веб-разработку.

Отличительной особенностью Firebug является то, что он дает вам возможность добавлять дополнительные расширения и делать их еще более необходимыми, вы можете адаптировать их и приспособить к вашим потребностям. В этой статье мы перечислили 10 плагинов расширения наших фаворитов.

1. Pixel Perfect

Полезное расширение, которое позволяет веб-разработчикам и дизайнерам легко наложить веб-композицию поверх разработанного HTML.
Pixel-Perfect.jpg
Источник

2. CodeBurner — справочный инструмент для веб-разработчиков

Набор инструментов для веб-разработчиков, предоставляющий справочный материал для HTML и CSS, интегрированный с целым рядом популярных сред разработки.
CodeBurner --- Референс-инструмент-для-веб-Developers1.jpg
Источник

3. SenSEO

Анализирует веб-страницы и говорит вам, насколько хорошо они соответствуют критериям поисковой оптимизации на странице. SenSEO дает вам обзор SEO-важных компонентов веб-страницы; углубленный анализ критериев SEO на странице и предлагает правильное использование названия документа, мета-описания и мета-ключевых слов.
SenSEO.jpg
Источник

4. Встроенный код поиска

Инструмент для обхода всех элементов веб-страницы, и когда он находит элемент HTML с любым из них, он выделяет их: встроенные события JavaScript, встроенный стиль и ссылки JavaScript.
Инлайн-Code-Finder.jpg
Источник

5. Firepath — редактировать, проверять и генерировать выражения XPath

Расширение Firebug, которое добавляет инструмент разработки для редактирования, проверки и создания выражений XPath. С этим расширением вы можете редактировать с автозаполнением (используя TAB или стрелки вверх и вниз), вы также можете оценить выражение в HTML или любых документах XML и отобразить полученные оценки в дереве DOM, похожем на Firebug.
Firepath --- Edit-Осмотреть-и-Сформировать-XPath-Expressions.jpg
Источник

6. Firepicker — Палитра цветов

Добавляет небольшой диалог выбора цвета при редактировании правил CSS в Firebug.
Firepicker --- Цвет-Picker.jpg
Источник

7. Firesymfony

Порт панели инструментов Symfony Web Debug в качестве расширения Firebug. Помимо обычной функциональности панели инструментов Symfony, она добавляет новые функции, такие как запрос к базе данных, копирование в один клик в буфер обмена или выделение указателя мыши над частичным и компонентным кэшем.
Firesymfony.jpg
Источник

8. FireAtlas — отладка Asp.net

Это расширение предоставит вам следующие полезные сервисы при разработке веб-сайтов ASP.NET AJAX: отслеживание событий PageRequestManager; Отслеживание и проверка вызовов WebService; Частичная проверка обновлений в Firebug Net Panel; Список компонентов приложения.
FireAtlas --- Сеть САШ-Debugging.jpg
Источник

9. Drupal для Firebug

Расширяет модуль Firebug для предоставления отладочных сообщений и сообщений о состоянии для Drupal. Он позволяет пользователям видеть обработку узлов, форм и пользовательских объектов и работает с модулем Devel для отображения запросов SQL и выполнения PHP из окна Firebug.
Drupal-для-Firebug1.jpg
Источник

10. FirePHP для разработки AJAX

Позволяет войти в консоль Firebug с помощью простого вызова метода PHP. Все данные отправляются через заголовки ответа и не будут мешать содержанию на вашей странице.
FirePHP-для-AJAX-Development.jpg
Источник