Отладка веб-сайтов в Internet Explorer
У меня есть веб-сайт, который очень медленный и "чувствует себя" очень плохо при его использовании. Сервер в порядке, это проблема на стороне клиента, я предполагаю, потому что слишком много запросов JavaScript или изображений, но поскольку это не мой собственный веб-сайт, мне интересно, есть ли способ показать и профилировать страницу из IE.
в Firefox я бы использовал Firebug, Y!Медленное и расширение веб-разработчика, чтобы увидеть все JavaScript, CSS, изображения и другие запросы, AJAX-запросы и т. д., но на IE я не видел никаких проблем. Я знаю, что я мог бы использовать Firefox, но страница работает лучше в FF, чем в IE, поэтому мне интересно, есть ли какой-то аддон разработки специально в IE.
Edit: Спасибо за множество советов! Слишком много хороших ответов, чтобы выбрать один как "принятый", но я посмотрю на различные предлагаемые инструменты.
13 ответов
есть Панель Инструментов Веб-Разработчика Internet Explorer. Это не так хорошо, как Firebug IMHO, но это работает.
IE8 также будет поставляться с одним встроенным.
Fiddler поможет вам увидеть интернет-активность. Он показывает журнал всех сообщений запроса/ответа через сетевой стек.
есть Lite версии Firebug, который будет работать с IE и другими браузерами, вы пробовали это?
попробовать Саша! Это бесплатный прокси-сервер отладки HTTP, который, среди прочего, дает представление о том, что загружается на вашем сайте, что может замедлить его и т. д. Он имеет расширенные функции, такие как декодирование сжатых ресурсов, предоставление предварительно консервированных ответов для определенных URL-адресов и т. д. Обучение скрипача является обязательным для любого веб-разработчика.
Я бы также предложил два инструмента для обнаружения утечки памяти JavaScript:
Я использую Помощник Веб-Разработки в последнее время. Он делает HTTP-журнал лучше, чем Firebug. Позволяет запускать произвольный Javascript.
есть библиотека JS под названием firebug light, вам нужно включить ее в свой сайт. Что он делает для вас, это позволяет вам всплывать div, в котором вы можете плевать текст, как в firebug, с теми же утверждениями, которые вы делаете в firebug. У MochiKit тоже есть что-то подобное.
Это не профилировщик или плагин, но вы можете найти, что Quirksmode может помочь вам прополоть некоторые из IE-ориентированных проблем, как только вы их найдете.
вы запускаете мониторы производительности на стороне клиента, чтобы увидеть, что происходит, например, есть ли куча замены памяти, которая замедляет работу или это весь сетевой трафик, который является проблемой?
другая мысль заключается в том, есть ли журналы сервера, которые могут помочь увидеть время запросов, если есть куча файлов для загрузки, а также Javascript для инициализации вещей.
с помощью сетевого сниффера, такого как Wireshark или прокси, вы можете отслеживать трафик и видеть, если это загрузка изображений и/или скриптов, которые замедляют ваш сайт. Если вы не уверены-включите или прокомментируйте свои javascripts, чтобы исключить, что их обработка замедляется.
Если вы не видите никаких признаков в сетевом трафике замедления-тогда вам придется сделать более глубокий анализ самого кода javascript-возможно, вставив таймеры или другие измерения, чтобы увидеть, какие части это может быть оптимизировано.
Я использую этому httpwatch. Он предоставляет всю информацию, такую как Firefox LiveHeaders, но гораздо более полезным способом. Это также отличный инструмент для определения, есть ли у вас какой-либо контент, который блокирует операции загрузки дальнейшего контента для страницы.
вы можете попробовать отладки строке и companionJS от той же компании http://www.debugbar.com/ и они свободны и довольно похожи на Firebug в концепции, но не так развиты