Internet Explorer Developer Toolbar

Опубликовано: 3 декабря, 2008 | Рубрика: Браузеры | Тэги: Developer Toolbar, Developer Tools, Internet Explorer, web-инспектор, инструментарий web-разработчика | Нет комментариев »

Как оказалось до сих пор некоторые web-разработчики не знают про такой удобный инструмент как Internet Explorer Developer Toolbar.
Данная «надстройка» для браузера IE очень облегчает разработку сайтов, отладку ошибок и внесение изменений «на лету» для предварительного просмотра.

Наиболее полезной опцией в Developer Toolbar является обзор DOM и возможность добавлять и удалять к элементам различные атрибуты. К сожалению, нет возможности изменять, удалять или добавлять сами элементы DOM, как например это делается в Firebug. К тому же, в отличии от того же Firebug, стили указать можно только для определённого элемента, внести изменения для всех элементов одного класса не получится.

Дополнительные возможности Developer Toolbar:

• Работа с изображениями: показать размер, разрешение, альтернативный текст (alt) и путь к картинкам.
• Проверка правильность написания (валидатор) HTML, CSS, WAI и RSS-ссылок
• Cookie : просмотр и очистка
• Изменение размера окна браузера: можно указать свои размеры.
• Выделение на странице элементов определённого вида (например можно выделить все заголовки H5 рамкой зелёного цвета или все блоки с абсолютным позиционированием)
• Линейка: для проверки размеров элементов страницы. Указывает также начальную и конечную координату. Есть возможность установить «прилипание» линейки к границам объектов для облегчения измерения размеров.
• Цветовая «пипетка»

Кстати, в новом Internet Explorer 8 теперь присутствует более продвинутый встроенный в браузер инструмент, а вернее целый набор инструментов Developer Tools. Помимо расширенных и улучшенных возможностей работы с CSS добавлен ещё и отладчик Javascript, которого так не хватало в Developer Toolbar.

---