Отладка сайтов в Internet Explorer

Question

У меня есть веб-сайт, который работает очень медленно и «плохо» при его использовании. С сервером все в порядке, это проблема клиента, я полагаю, потому что слишком много JavaScript или запросов изображения, но поскольку это не мой собственный веб-сайт, мне интересно, есть ли способ показать и профилировать страницу из IE.

В Firefox я бы использовал Firebug, Y! Slow и расширение для веб-разработчиков, чтобы увидеть все JavaScript, CSS, изображения и другие запросы, AJAX-запросы и т. Д., Но в IE я не увидел никаких проблем. Я знаю, что мог бы использовать Firefox, но страница работает лучше в FF, чем в IE, поэтому мне интересно, есть ли какой-то аддон разработки специально в IE.

Редактировать: Спасибо за множество предложений! Слишком много хороших ответов, чтобы выбрать один из них как «принятый», но я посмотрю на различные предлагаемые инструменты.

Answer 1

Существует Панель инструментов веб-разработчика Internet Explorer . Это не так хорошо, как Firebug ИМХО, но это работает.

IE8 будет поставляться с одним встроенным тоже.

Answer 2

Fiddler поможет вам увидеть активность в интернете. Он показывает журнал всех сообщений запроса / ответа через сетевой стек.

Answer 3

Существует облегченная версия Firebug, которая будет работать с IE и другими браузерами, вы пробовали это?

Answer 4

Я бы также предложил два инструмента для обнаружения утечек памяти JavaScript :

• Сито
• Детектор утечек памяти в Microsoft JavaScript

Answer 5

Попробуйте Скрипач ! Это бесплатный прокси-сервер для отладки HTTP, который, помимо прочего, дает представление о том, что загружается на вашем сайте, что может замедлять его и т. Д. Он имеет расширенные функции, такие как декодирование сжатых ресурсов, предоставление предварительно настроенных ответов на определенные URL-адреса и т. Д. Изучение Fiddler является обязательным для любого веб-разработчика.

Answer 6

Я недавно использовал Помощник по веб-разработке . Это делает протоколирование HTTP лучше, чем Firebug. Позволяет запускать произвольный Javascript.

Answer 7

HttpWatch также довольно удивительный, поскольку плагины IE идут.

Answer 8

вы можете попробовать debug bar и companionJS от той же компании http://www.debugbar.com/, и они бесплатны и очень похожи на Firebug в концепции, но не так, как разработано

Answer 9

Я использую HTTPWatch . Он предоставляет всю информацию, такую ​​как Firefox LiveHeaders, но в гораздо более полезной форме. Это также отличный инструмент для определения того, есть ли у вас какой-либо контент, блокирующий операции для загрузки дополнительного контента для страницы.

Answer 10

Используя сетевой анализатор, такой как Wireshark или прокси-сервер, вы можете отслеживать трафик и следить за тем, замедляет ли ваш сайт загрузку изображений и / или сценариев. Если вы не уверены - включите или закомментируйте ваши javascript-скрипты, чтобы исключить замедление их обработки.

Если вы не видите каких-либо признаков замедления сетевого трафика - тогда вам придется провести более глубокий анализ самого кода javascript - возможно, вставив таймеры или другие измерения, чтобы увидеть, какие части могут быть оптимизированным.