Какие другие инструменты доступны в Chrome DevTools помимо измерения расстояний?

Помимо измерения расстояний, в Chrome DevTools доступны следующие инструменты:

• Elements. skillbox.ru Позволяет просматривать и редактировать элементы DOM-дерева страницы. skillbox.ru
• Sources. skillbox.ru Встроенная среда разработки, которая даёт возможность смотреть и редактировать файлы, из которых состоит веб-страница. skillbox.ru
• Console. skillbox.ru Консоль превращает браузер в интерпретатор JS-кода, что позволяет запускать на любой странице любой скрипт. skillbox.ru
• Network. skillbox.ru Выводит в виде таблицы все запросы, которыми обмениваются браузер и сервер. skillbox.ru Запросы можно фильтровать по типу, статусу и другим параметрам. skillbox.ru
• Security. skillbox.ru На этой вкладке можно выяснить, насколько безопасна страница и какие протоколы шифрования она использует. skillbox.ru
• Performance. skillbox.ru Позволяет анализировать производительность страницы во время её работы. skillbox.ru
• Memory. skillbox.ru Инструмент для контроля нагрузки кода на систему. skillbox.ru По умолчанию показывает, сколько памяти потребляет страница, но можно запросить детальный отчёт по каждому элементу. skillbox.ru
• Lighthouse. skillbox.ru Браузер анализирует сайт по четырём основным параметрам: производительность, доступность, SEO и лучшие практики, а потом даёт советы, как улучшить показатели. skillbox.ru
• Progressive Web App. blog.skillfactory.ru Позволяет проверить, регистрирует ли сайт Service Workers, возможна ли работа сайта офлайн, а также возвращает ли он ошибку 200. blog.skillfactory.ru
• Coverage. blog.skillfactory.ru Инструмент для поиска и исправления «мёртвого» кода, который присутствует в файлах CSS и JavaScript, но нигде не используется. blog.skillfactory.ru

Набор доступных вкладок может варьироваться в зависимости от версии Chrome и установленных расширений. kurshub.ru