Средства разработчика в IE9 – обзор нововведений

В Internet Explorer 8 в первый раз был представлен интегрированный в веб-браузер набор инвентаря для веб-разработчиков (в IE7, если считать панель инструментов Web developer Toolbar), при помощи которого те могли стремительно и просто делать операции прототипирования, тестирования и отладки собственных веб-страниц. Разработчики получили возможность стремительно протестировать конфигурации в начальном коде снутри браузера, до того как на физическом уровне заносить финишные конфигурации в интернет-страницу.

Инструментарий позволял редактировать и отлаживать код CSS и HTML, редактировать, отлаживать, также тестировать производительность скриптов, просматривать, и, по мере надобности, изменять объектную модель документа (DOM), выслеживать происхождения значений стилей, и почти все другое.

Вкупе с выходом Internet Explorer 9 в нём появились обновлённые средства для веб-разработчиков, которые кроме перечисленного выше функционала владеют и новыми способностями, а именно, нацеленными на узкую настройку производительности и «юзабилити» сайта. К таким нововведениям можно отнести:

улучшенное профилирование JavaScript, способность работать с большенными JavaScript файлами (вправду большенными, 70 тыщ строк кода и поболее);
возможность конфигурации инфы в HTTP-заголовке странички (инструмент user-agent switching tool);
инструмент регистрации сетевого трафика;
консоль протоколирования веб-сайтов в перечне представления сопоставимости;
улучшенное представление CSS, позволяющее работать со сложными CSS;
улучшение производительности самих инструментов в целом.
также много других усовершенствований!

Начало работы со средствами разработчика F12 в IE9

Для начала работы с инструментарием веб-разработчика в Internet Explorer 9 вам нужно избрать из меню браузера пункт Средства разработчика F 12, или просто пользоваться кнопкой резвого доступа к инструментарию F 12.

Средства разработчика в IE9 - обзор инноваций

Набросок 1 – Вызов Средств разработчика F 12

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

Средства разработчика в IE9 - обзор инноваций
Прирастить набросок

Набросок 2 – Вид Средств разработчика F 12

Измерение производительности сайтов

Средства разработчика в IE9 - обзор инноваций

В новейшей версии средств разработчика F12 появилось ещё больше способностей по отслеживанию производительности сайтов. Ранее веб-разработчики не имели способности определять реальную производительность веб-сайта – того, как стремительно работает веб-сайт при содействии с юзером, другими словами самих чувств юзера при работе с сайтом.

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

В Internet Explorer 9 инженеры Microsoft реализовали возможность измерения производительности веб-страниц в режиме реального времени при помощи спецификации консорциума W3C – WebTiming. Особый программный интерфейс (API) зашит в объектную модель документа (DOM), что позволяет просто считать нужную информацию, как завершится загрузка интернет-страницы. Этот инструмент позволяет точно измерить время загрузки интернет-страницы. На самом деле, сейчас сам веб-браузер определяет производительность веб-страниц.

Для доступа к функционалу WebTimings можно пользоваться интерфейсом Navigation Timing (window.msPerformance.timing) в объектной модели документа (DOM). Разработчики также могут получить доступ к объектам window.msPerformance используя консоль JavaScript в Средствах разработчика F12.

Вы сможете узреть живую демонстрацию данной технологии, посетив подобающую страничку веб-сайта Internet Explorer 9.

Вкладка “Сеть”

Одним из значимых инноваций в Средства разработчиков F12 стала вкладка Сеть.

Средства разработчика в IE9 - обзор инноваций
Прирастить набросок

Набросок 3 – Вид вкладки Сеть в Средствах разработчика F 12

Она помогает осознать веб-разработчикам, какие конкретно ресурсы употребляет интернет-страница; сейчас просто можно выслеживать данные, которые высланы либо получены от сервера. Разработчики могут использовать такую информацию, чтоб выслеживать ошибки в сетевых ответах, таких как «файл не найден» либо «ошибка со стороны сервера». Данный инструмент также помогает в отладке AJAX-запросов.

Вы сможете поглядеть демонстрацию мониторинга сетевой активности на веб-сайте браузера Internet Explorer 9.

Вкладка “Консоль”

Используя команды консоли в средствах разработчика F12 веб-разработчики могут изучить сообщения об ошибках от Internet Explorer 9, также отправлять свои собственные сообщения назад из программного кода без необходимости прерывания потока выполнения кода. Разработчики также могут использовать консоль, чтоб одномоментно запустить выполнение кода скрипта за пределами программного кода странички.

Сообщения консоли в Средствах разработчика F12 можно просматривать на вкладке Консоль либо в панели консоли на вкладке Сценарий.

Средства разработчика в IE9 - обзор инноваций
Прирастить набросок

Набросок 4 – Вывод информационных сообщений в консоли Средств разработчика F 12

Если открыть консоль в браузере Internet Explorer 9, то при загрузке веб-сайтов можно будет узреть сообщения об ошибках (если таковые будут обнаружены в программном коде). Internet Explorer может отправлять в консоль не только лишь сообщения об ошибках, да и ряд информационных сообщений. Для перехода к месту ошибки в коде, щёлкните сведения об начальном коде в тексте ошибки.

Заключение

Как лицезреем, в обновлённой версии инвентаря для разработчиков F12 появилось огромное количество восхитительных способностей, и инструментов для работы с современными сайтами. Кроме этого веб-разработчики должны оценить существенное повышение производительности инвентаря в целом, что должно положительно сказаться на опыте от использования Средств разработчика F12 в Internet Explorer 9.

Конкретно этот браузер предлагает вправду богатые способности по контролю над программным кодом веб-страниц, а означает, веб-разработчики получают в своё распоряжение современный и мощнейший инструментарий, позволяющий им растрачивать меньше времени на разработку и отладку программного кода, тем уделяя больше внимания «юзабилити» собственных веб-сайтов. В выигрыше остаются все – и разработчики, и гости веб-страниц.

Аналогичный товар: Комментирование на данный момент запрещено, но Вы можете оставить ссылку на Ваш сайт.

Комментарии закрыты.