Средства отладки для Веб-проектирования. Отладчик IE Developer Toolbar

Категория:

IE Developer Toolbar – до версии 8.0 идет как отдельный компонент, который необходимо устанавливать отдельно. Этот отладчик вызывается клавишей F12.

После завершения разработки сайта бывает необходимо подправить некоторые ошибки отображения страниц или же проверить отправляемые и принимаемые данные на сервер и с сервера соответственно. Для выполнения подобных задач используются браузерные отладчики, которые встраиваются как специальные отладочные модули, за счет которых можно легко проверить правильность верстки, отключать необходимые CSS свойства и моментально просматривать результат.

Существуют следующие основные отладчики для Веб-разработки:

  • FireBug – плагин для отладки в браузере FireFox, который перед использованием необходимо установить. Вызывается функциональной клавишей Ctrl+F12;
  • Dragonfly (драгенфлай) – это отладчик, который встроен в браузер Opera, начиная с версии 9.5. Данный отладчик вызывается нажатием клавиш Ctrl+Shift+I. В dragonfly имеется DOM-инспектор, CSS-инспектор, мощный отладчик JavaScript;
  • IE Developer Toolbar – до версии 8.0 идет как отдельный компонент, который необходимо устанавливать отдельно. Этот отладчик вызывается клавишей F12 (Более подробно рассматривается в данной статье).

Internet Explorer Developer Toolbar также используется для отладки веб-страниц. До версии 8.0, чтобы использовать отладчик, необходимо было установить этот компонент отдельно. Окно отладчика IE показано на рисунке ниже.

IE6, IE7 Developer Toolbar

Начиная с версии 8.0 отладчик встраивается сразу с браузером, в который входит множество новых функций с новым, более удобным, интерфейсом. Программа предлагает веб-мастерам различные инструменты для создания, редактирования и анализа веб-страниц. Присутствует возможность работы с документно-объектной моделью (DOM) HTML-страницы, выборочного отключения настроек Internet Explorer, просмотра имен классов HTML, идентификаторов и других элементов, таких, как: пути ссылок, значения индексных вкладок и ключей доступа. Кроме того, Internet Explorer Developer Toolbar позволяет выделять на веб-странице таблицы, ячейки, картинки и другие теги, проверять правильность любых ссылок на странице, измерять размер и параметры изображений, быстро изменять разрешение экрана и многое другое. Отладчик для IE представлен на рисунке ниже.

IE8 Developer Toolbar