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

Оглавление:

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

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

Видео: Сетевые инструменты в F12 Developer Tools of Edge browser
Видео: Создание новой учетной записи без входа в систему в windows 10 / Windows 8 / Windows 8.1 - YouTube 2024, Апрель
Anonim

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

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

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

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

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

Image
Image

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

Image
Image

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

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

Image
Image
Image
Image

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

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

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

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

  • название: Это включает имя и URL запрашиваемого ресурса
  • протокол: Включить протокол, который используется для запроса ресурса
  • метод: Показывает метод HTTP, используемый в запросе
  • Результат: Здесь отображается код состояния ответа и текстовое сообщение, возвращаемое сервером
  • Тип содержимого: Отобразить тип ответа MIME, возвращаемый сервером
  • Получено: Общий размер полезной нагрузки ответа, поставляемой сервером
  • Время: Отображение времени, затраченного ресурсом, для загрузки
  • Задержки: Показывает графическое представление сетевой активности, имевшей место со временем
В случае, если вас интересует более подробный вид информации, вы можете обратиться за подробным представлением вместо резюме. Информация, такая как «Заголовок», «Тело» и «Параметры» и т. Д., Отображается в разных разделах «Детального вида». Все, что вам нужно сделать, это дважды щелкнуть по запросу и прочитать информацию с боковой панели.
В случае, если вас интересует более подробный вид информации, вы можете обратиться за подробным представлением вместо резюме. Информация, такая как «Заголовок», «Тело» и «Параметры» и т. Д., Отображается в разных разделах «Детального вида». Все, что вам нужно сделать, это дважды щелкнуть по запросу и прочитать информацию с боковой панели.
Одним из ключевых моментов, которые следует отметить здесь, говорит Microsoft, является то, что эти новые расширенные функции сетевых инструментов также доступны в среде IE11, а также в Edge.
Одним из ключевых моментов, которые следует отметить здесь, говорит Microsoft, является то, что эти новые расширенные функции сетевых инструментов также доступны в среде IE11, а также в Edge.

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

Похожие сообщения:

  • Советы и подсказки Edge Browser для Windows 10
  • Edge vs Firefox: что лучше для Windows 10?
  • Настройки конфиденциальности в браузере Edge в Windows 10
  • Новые возможности Microsoft Edge для обновления 10-летней версии Windows
  • Изменение агента пользователя, режима, отображения, геолокации в инструментах разработчика Edge

Рекомендуемые: