Расширения для 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>
разрешенные теги или посмотреть как будет выглядеть
counter strike mt2 silkroad pvp metin2 metin2 pvp knight pvp gm olarak başlayan pvpler pvp silkroad pvp serverler counter strike serverler msn show cam show görüntülü sohbet oyunlar suskunlar gazete oku