Сетевые инструменты в F12 Developer Tools of Edge browser

Недавно Microsoft анонсировала новые улучшенные сетевые инструменты в инструментах разработчика F12 для нового браузера Microsoft Edge в Windows 10 после огромного спроса со стороны разработчиков.

Давайте рассмотрим некоторые из основных улучшений, которые Microsoft купила.

Средства разработки Microsoft Edge F12

Даже если вы новичок, вам будет очень легко получить доступ к разработчику Microsoft Edge F12, поскольку вам нужно выполнить несколько шагов. Все, что вам нужно сделать, это щелкнуть и открыть меню Дополнительные действия и выбрать « F12 Developer tools ». Это приведет к автоматическому отключению инструментов.

Усовершенствование сетевых инструментов в Edge

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

Также есть новая кнопка с именем « Фильтр типа контента ", который был добавлен, чтобы позволить разработчикам поместить фильтр и получить только тот тип трафика, который вам нужен. Таким образом, вы можете пропустить многие несвязанные сетевые вызовы и в то же время получить соответствующую информацию о типе и количестве сетевых ошибок, количестве запросов, размерах передачи данных ответа и времени загрузки и т. Д.

Вы также можете экспортировать и хранить трек всей информации в файле JSON HAR.

Заметные усовершенствования инструментальных средств F12 для Microsoft Edge

Список расширенных элементов, включенных в новый Microsoft Edge, выглядит следующим образом:

• Всегда обновлять с сервера : Эта функция гарантирует, что вы тестируете последнюю версию ресурса с сервера вместо устаревшего.
• Очистить кеш и файлы cookie : это гарантирует, что кеш вашего браузера будет ясным до загрузки следующего и вы можете очистить куки с помощью ярлыка, даже не перейдя в настройки браузера.
• Очистить сеанс - Вы можете использовать кнопку четкого сеанса, чтобы очистить информацию о сетевом трафике, записанную во время сеанса
• Очистить записи при навигации - С thi вы можете сосредоточиться только на ресурсах, которые были загружены во время последнего обновления страницы или навигации. Вы даже можете сравнить это с последним сеансом, просто отключив эту функцию.

Включение сводного представления в сетевые инструменты

• Имя : это включает имя и URL запрошенного ресурса
• Protocol : Включить протокол, который используется для запроса ресурса
• Метод : показывает метод HTTP, используемый в запросе
• Результат : отображает код состояния ответа и текстовое сообщение, возвращенное сервером
• Тип контента : Отобразить тип ответа MIME, возвращаемый сервером
• Принятый : общий размер полезной нагрузки ответа, поставляемой сервером
• Время : отобразить время, затрачиваемое ресурсом для получения загрузки
• Сроки : показывает графическое представление сетевой активности, произошедшей с течением времени

Если вам интересно более подробное представление информации, вы можете перейти к подробному представлению вместо сводного обзора. Информация, такая как «Заголовок», «Тело» и «Параметры» и т. Д., Отображается в разных разделах «Детального вида». Все, что вам нужно сделать, это дважды щелкнуть по запросу и прочитать информацию с боковой панели.

Одним из ключевых моментов, которые следует отметить здесь, говорит Microsoft, является то, что эти новые расширенные функции сетевых инструментов также доступны в среде IE11 а также Edge.

Теперь посмотрите, как вы можете изменить User Agent, Mode, Display, Geolocation в Edge Developer Tools.