Утилитки
21
Мар
0

Internet Explorer Developer Toolbar

Internet Explorer Developer Toolbar предоставляет несколько возможностей для изучения и понимания Web-страниц. Эти возможности позволяют Вам:

  • Просматривать и изменять Document Object Model (DOM) веб-страницы.
  • Находить и выбирать конкретные элементы на веб-странице с помощью различных методов.
  • Выборочно отключать настройки Internet Explorer.
  • Просмотр имен классов HTML объектов , ID’ишников, и другие подробности, такие, как пути ссылок, значения индексов вкладок, и ключи доступа.
  • Просматривать отрисовку таблицы, ячеек, изображений или выбранных меток.
  • Проверка на валидность HTML, CSS, WAI, RSS.
  • Посматривать размеры изображений, размеры файлов, информацию о размещении и alt-тексте.
  • Тут же менять размер разрешения окна браузера.
  • Выборочно чистить кэш браузера и сохраненные файлы «cookie». Выбирать их из всех объектов или только тех которые связаны с определенной областью.
  • Показать все тонкости дизайн чтобы помочь точно выровнять и определять объекты на ваших страницах.
  • Найти правило CSS-стиля, используемого для установки конкретного значения для какого-либо элемента.
  • Просматривать исходный HTML и CSS в отформатированном и цветном виде.

Internet Explorer Developer Toolbar может быть встроена в окно Internet Explorer’а или находится в плавающем виде.

Рассмотрим его установки и использование

Скчайте Internet Explorer Developer Toolbar и запустите IEDevToolBarSetup.msi. Ничего хитрого в установке нет, поэтому ставьте все по дефолту:



Запустите браузер. На верхней панели инструментов у Вас добавится кнопочка запуска IE Developer Toolbar (в виде стрелки обрамленной стрелками; также запускается View — Explorer Bar — IE Developer Toolbar), нажмите ее — нижняя часть браузера прирастет дополнительной областью 🙂 Это и есть Internet Explorer Developer Toolbar. Самым часто используем инструментом у Вас наверно будет Select Element by Click (расположен в верхней левой части тулбара и выглядит как стрелка в прямоугольнике). Нажмите его и щелкните по любому элементу на странице. А на аддоне отобразится его код и параметры в структуре странице. Остальные инструменты исследуйте самостоятельно 🙂


З.Ы. В 8 ослика сие инструмент уже встроен! 🙂

Комментарии (0)

*

code