Довольно давно, я написал заметку о выходе IE8 с новыми средствами для разработчика, которые очень похожи на плагин FireFox Firebug. И теперь, после нескольких месяцев работы с каждым, пришло время поделиться мнением о них.

Прежде всего – оба инструмента превосходны. Если вы занимаетесь веб-разработкой (тяжелый Javascript), сделайте себе одолжение, установите оба браузера с нужными инструментами. Если вы используете IE7 – обновите. Если вы используете IE6, что ж, пусть Боги будут милосердны к вам. Избавьтесь от него. Для тестов можно загрузить IE6 виртуальную машину.

Я знаком с .NET-разработчиками, которые просто не будут помогать вам, если у вас в среде не установлен R#. Та же ситуация и у веб-разработчиков в наши дни. У вас обязательно должен стоять IE8 и Firefox+Firebug.

Начать работать с обоими инструментами весьма просто. F12 — ваш лучший друг и товарищ. После нажатия мы увидим подсвеченный html код, возможность сворачивать код в группы, а так же информация о CSS стилях.





И чтобы долго не описывать, представляю таблицу сравнений, включая не только IE8 и FireFox:

Функия	IE8	FireBug+ FireFox	Opera	Safari	Chrome	Необходимость
HTML
Подсветка синтаксиса
Сворачивание кода
Правка Html
Валидация Html	*
Очистка кэша		**	**	**	**
Выделение и подсветка
Разметка
CSS
Просмотр/Изменение CSS
Подсветка CSS
Отключение CSS стилей
Создание новых стилей
Валидация CSS	*
Javascript
Подсветка Javascript
Отладка Javascript					***
Точки прерывания					***
Пошаговая отладка					***
Javascript профайлер
Выполнение Javascript
Стек вызовов
Локальные переменные
Отслеживание переменных
Просмотр веб-сервисов
Неосязаемое
YSlow
Переключение режимов браузера
Плавающая панель
Выбор цвета		*
Выбор цвета		*
Мониторинг сетевых запросов		*

* Использование сторонних сайтов
** Доступно с разных мест в приложении
***Технически это возможно, но вы вряд ли захотите попробовать

Как видно некоторый функционал отсутствует в каждом инструменте. YSlow, закладка Консоль, закладка Сеть в Firebug дают огромные возможности. Для недостающих возможностей следует установить Web Developer Toolbar.

Для IE8, факт, что вы можете переключаться между IE7 и IE8 режимами, стандартным или режимом совместимости, огромен. Встроенная валидация Html/CSS IE тоже не повредит. Но более всего выделяются встроенные инструменты в IE8. Выбор цвета, управление кэшем, контуры, рисунки. Чтобы получить перечисленные возможности в FireFox, вам нужно установить Web Developer Toolbar. Для отслеживания трафика в IE8, вам нужно установить Fiddler2. Фактически, у вас должен стоять Fiddler для обоих браузеров.

Что же касается других браузеров:

Google Chrome: Да, у него есть пункт в меню «Разработчикам», который содержит примитивные список возможностей. Довольно многого не хватает, но доступен просмотр html, css и Javascript, отладка Javascript, изменение css на лету и еще немного возможностей. В общем, Chrome позади IE8 и FireFox.

Apple Safari: В Safari так же присутствуют инструменты для разработчиков, но они точно такие же, как и у Chrome, плюс пару дополнений. Оно и очевидно, они ведь используют один движок, но черт побери, добавьте хотя бы пару новых иконок!

Да вот беда, чтобы увидеть инструменты для разработчиков, вы должны вывести панель меню. Далее пойти в настройки, закладка Дополнения, поставить галочку «Показать меню Разработка в строке меню». Далее, в меню Разработка и выбрать «Показать веб-инспектор».

Я до сих пор думаю, что Safari нисколько не лучше FireFox или IE8.

Opera: У меня некоторые проблемы с работой инструментов в Opera. Возможно, я виноват сам. Но то, что вы получаете — пригодно к использованию.

Победитель

Сложно не дать FireFox+Firebug небольшое преимущество в этой гонке, но не нужно забывать, что и IE8 дал разработчикам в руки мощный инструментарий.