Кто-нибудь тестировал панель инструментов разработчика IE 8? это действительно хорошо, как firebug? - PullRequest
5 голосов
/ 22 октября 2009

Кто-нибудь тестировал панель инструментов разработчика IE 8? это действительно хорошо, как firebug?

Ответы [ 6 ]

8 голосов
/ 22 октября 2009

Хорошее сравнение панели инструментов разработчика IE8 и Firbug в Firefox: здесь

3 голосов
/ 22 октября 2009

Действительно хорошо? Нет. Прилично? точно.

Если вы привыкли к Firebug, панель инструментов разработчика IE8 не сравнится. Не поймите меня неправильно - на самом деле внутри похоронено много хороших инструментов, но это не так полно ИМХО.

Минусы:

  • Нет аналога панели Firebug Net (например, вы не видите, что скрипт загрузки X замедляет ваш сайт)
  • Нет YSlow (плагин, очевидно, но я не верю, что панель инструментов IE8 является расширяемой)
  • При проверке стилей нет ролловеров образцов цвета / изображений
  • Вкладка CSS - это просто «дамп» свойств ... представление на вкладке CSS в Firebug гораздо удобнее, поскольку оно отражает тот же макет, который вы указали для селекторов / свойств в своем файле CSS
  • Вид по умолчанию на вкладке «Сценарий» - это дамп HTML, а не список сценариев, как в Firebug
  • Вкладка HTML - кнопка «Редактировать» позволяет редактировать РЕАЛЬНЫЙ HTML в Firebug, но на панели инструментов IE Dev вы «редактируете» недопустимый суп HTML-тегов, который IE генерирует
  • Проверка элемента DOM в обоих показывает «Стили» с правой стороны. В Firebug действительные свойства поднимаются вверх, в IE они опускаются вниз - поэтому в IE, если вы хотите увидеть, какие стили применяются, будьте готовы прокрутить, так как все в верхней части зачеркнуты.
  • Добавление атрибутов «на лету» в разделе «Атрибуты» панели инструментов IE8 требует терпения. Если вы нажмете Enter, когда закончите ввод значения атрибута, IE с радостью сотрет ваше значение И ваш атрибут. (Вы ДОЛЖНЫ щелкнуть в другом месте, чтобы снять фокусировку с поля редактирования - СЛИШКОМ НРАВИТСЯ!)

Плюсы:

  • Профилирование сценариев весьма полезно при определении того, какие функции / методы являются вашими узкими местами.
  • Трассировка стилей (Концептуально это показывает, откуда данное свойство стиля было унаследовано и т. Д. Я лично не нашел его очень надежным (а на этапе бета-тестирования IE8 - оно полностью провалилось)
2 голосов
/ 22 октября 2009

Зависит от того, что вам нужно. Отсутствует, например, возможность отслеживать заголовки HTTP, и его нелегко расширить, как FireBug.

1 голос
/ 22 октября 2009

Я не пробовал использовать его с бета-версии, но помню, что он вылетал, если у вас была страница с слишком большим количеством материала, например, таблица с тысячами строк плюс.

Одна приятная особенность - это возможность изменить режим рендеринга, чтобы увидеть, как ваша страница будет вести себя в IE7

0 голосов
/ 22 октября 2009

Различные инструменты для разных работ. Вы не можете запустить FireBug в IE, поэтому, когда вы пытаетесь настроить свою страницу в IE, вы будете использовать панель инструментов разработчика. Точно так же DT не работает на FireFox, поэтому вам придется использовать FireBug для его оптимизации.

0 голосов
/ 22 октября 2009

Замечательно получить правильное форматирование и отладить сценарии для специфических проблем IE. Остальное Firebug лучше ИМХО.

...