Расширения для Firebug

Расширения для Firebug

Привет!

Итак, как вы помните, когда-то давно мы писали статью про дополнения к браузерам для веб-разработчиков. Среди них выделяется плагин FireBug для Фаерфокса — пожалуй, самый популярный и полезный плагин для разработчиков сайтов. Думаю, именно из-за его популярности и крутости к нему начали писать плагины (плагины к плагину ;-), чтобы расширить его функциональность и еще больше облегчить жизнь веб-мастерам. Вот именно такие плагины мы сегодня и рассмотрим.

Fire Query

FireQuery

Расширение специально для разработчиков под jQuery. У элементов, к которым применены какие-либо действия или события через jQuery, показывается дополнительная информация — привязанные события, jQuery.Data и прочее.

Pixel Perfect

Pixel Perfect

Плагин Pixel Perfect позволяет вам накладывать макет страницы или ее части на страницу в браузере. Это позволяет делать код пиксель в пиксель.

Page Speed

Page Speed

Page Speed — это плагин для Firebug с открытым исходным кодом, который позволяет вам оценить производительность веб-страницы и предоставляет советы по ускорению ее работы. Тесты и оценки основаны на гугловском мануале «Производительность веб-страниц».

FirePHP

FirePHP

Этот плагин позволяет выводить информация от серверных скриптов в консоль Firebug через заголовки (headers). Его так же можно использовать и для работы с запросами JSON и XML.

CodeBurner

CodeBurner

CodeBurner был разработан в SitePoint. Это дополнение показывает вам информацию о тегах страницы, рекомендации и их совместимость с разными браузерами согласно W3C.

FireRainbow

FireRainbow

FireRainbow делает довольно простую работу — подсвечивает код внутри Firebug. Кроме того, для него есть около 20 тем оформления.

Inline Code Finder

Inline Code Finder

Inline Code Finder позволяет вам «найти и уничтожить» инлайновые стили и скрипты на ваших страницам. Если вам необходимо отрефакторить чей-то макет с целью разделить разметку, стили и скрипты, то этот плагин вам очень поможет.

Firecookie

Firecookie

Эта штука позволяет вам следить за куками веб-приложений — создавать, редактировать, удалять, вести историю (когда созданы, удалены, изменены) куков и многое другое.

SenSEO

SenSEO

SenSEO позволяет вам оценить оптимизацию одной страницы для поисковиков — корректность и полноту метатегов, тайтлы, щаголовки и все такое.

Yahoo! YSlow

Yahoo! YSlow

YSlow опять же оценивает производительность страницы и указывает на то, что можно улучшить.

Firefinder

Firefinder

Firefinder позволяет быстро найти веб-элемент, который подходит под CSS или XPath селекторы, которые вы указали. Подходит для нахождения элементов, которые будут затронуты конкретным селектором в ваших стилях.

Расскажите друзьям

Оцените статью:
  • 1
  • 2
  • 3
  • 4
  • 5

Комментарии — 16

sergy
Отличная подборка, ушёл устанавливать большую часть дополнений )
mongoose
Спасибо. Подборка супер. 5 плагинов поставил себе.
JiLiZART
А Drupal for Firebug ?
Сасибо за подборку
#
JiLiZART
YoYurec
спасибо! некоторые уже были, а о некоторых даже не слышал. убежал тестить!
adw0rd
Использую Fire Query и Page Speed. Спасибо за заметку, попробую FireRainbow и Firefinder.

Павел, вы подскажете где в Петербурге есть пункты вебмани?
Grin
adw0rd, вы вроде бы до этого про эдсенс спрашивали?
adw0rd
Да, но вы так и не ответили :)
Сейчас мне нужно вебмани обналичивать, подскажите?
adw0rd
Мне от вас 3 уведомления пришло на гмыло: http://easycaptures.com/4145288846
Grin
adw0rd, ну так с этим проще — есть webmoney24.ru, есть переводы контакт )
adw0rd
О, спасибо, то что нужно. :)
Dench
Спасибо, хорошая подборка, пользуюсь большинством.

Опечатка:
SenSEO позволяет вам оценить оптимизацию одной страницы для поисковиков — корректность и полноту метатегов, тайтлы, щаголовки и все такое.
#
Dench
WearyMax
полезно только Fire Query :) спс
ifan
Про SenSEO еще не знал. Супер спасибо.
#
ifan
Maxim
Отличная и грамотная подборка. Спасибо.
Kykyryzo
Что бы я только без FireBug делал, да и не я один
eavasi
Действительно очень полезный комплект для веб-разработчиков. При использовании большинства из этих плагинов отпадает нужда в использовании многих десктопных приложений.
Спасибо автору!

Новый комментарий

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler