Тем же путем, идет Opera (зачем там IRC-чат, почтовый клиент и BitTorrent, мне это не нужно). Я понимаю что мои предпочтения по функциональности браузера могут не совпадать с другими пользователями, которым это нужно. Как угодить всем, ответ прост и давно известен – расширения, модули и плагины.

Я очень рад что разработчики Firefox пошли именно этим путем. Я могу настроить функциональность своего браузера именно так как мне нужно и любо.

Об одном из таком расширении мы и поговорим. Это Firebug.

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

Полный список их приводить не буду, вы сами сможете выбрать то что вам нужно. Например здесь:

• http://getfirebug.com/extensions/index.html
• http://habrahabr.ru/blogs/firefox/50579

Вот наверно самые востребованные.

FirePHP – расширение номер один для Firebug. Если вы конечно, PHP программист:) Что тут говорить, мой рабочий инструмент. Поэтому маловероятно, что я перейду на какой-то другой браузер.

Firecookie – показывает все куки доступные на текущей веб-странице. Вы можете видеть, когда они был изменены, и вы можете изменить ваши настройки куков для принятия или отказа прямо из Firebug панели. Очень полезное расширение. Часто приходиться использовать его, когда проверяешь работу кода авторизации.

Jiffy – делалась как более функциональный аналог вкладки Net. но как-то у меня не сложилось. Наверное мне не нужен такой расширенный функционал. мне вполне хватает функционала вкладки Net.

Pixel Perfect – позволяет накладывать макет дизайна прямо на существующий сайт. Хорошее расширение, за исключением одного обидного недостатка – можно смешать картинку только на один пиксел за раз. Однажды мне нужно было срочно подогнать картинку к дизайну, сдвинув ее на 200 пикселей… думал сломаю мышку кликая.

FireRainbow – раскрашивает ваш js код. Предупреждаю, находиться в стадии экспериментального расширения. у меня не возникло проблем. работает отлично.

YSlow – вроде как позволяет проанализировать ваши страницы и рассказать что нужно сделать что-бы ускорить ее. Рекомендации основаны на опыте написание разработчиков Yahoo высокопроизводительных сайтов. То есть стоит прислушаться. Но у меня как-то не прижился. Наверное оптимизация запросов к бд, дает более существенный выигрыш, чем пытаться оптимизировать сами странички.

Модули основанные на FirePHP

Во время отладки темы для своего проекта «Твои плагины«, была острая необходимость постоянно отслеживать значение переменных не нарушая дизайна. Вот здесь и пригодился плагин от Ivan Weiler под WordPress. Все просто:

• Скачиваем плагин
• Активизируем в панели администратора
• Пишем в любом месте <?php fb($var); ?>
• Смотри значение в панели FirePHP

Вообще то модулей написанных под различные продукты:

• Agavi
• BIGACE
• CakePHP
• CodeIgniter
• Drupal
• ExpressionEngine
• eZ
• Joomla
• Kohana
• Nette Framework
• PEAR
• Project Zero
• PRADO
• REDAXO
• Seagull
• Smarty
• Solar
• Symfony
• TYPO3
• WordPress
• Zend Framework

Все хорошо было бы, но к моему великому сожалению есть еще «осел». И для него microsoft не сделало инструмента аналогичного firebug`у.

Поэтому появление любого инструмента который позволит облегчит разработку под ИЕ, мною воспринимается с большим вниманием и интересом.

Представляю на Ваш суд один из таких инструментов – дебагер от Azer Koçul.

Как видем функционал еще сильно недотягивает до полноценого firebug`а, но начало положено хороше.

Как это работает, все очень просто. Вставляете следующию строчку в вашу страничку и все.

<script type=”text/javascript” src=”http://pi-js.googlecode.com/files/debugger.js”></script>

Полезные ссылки

• Документация
• Библиотека
• Демка