Dale St. Marthe
Chrome DevTools предлагает множество мощных инструментов, которые помогут вам глубже изучить и улучшить ваши веб-приложения.
В следующем видео представлен обзор шести основных инструментов, включая кнопку «Проверка» и «Режим устройства» , а также панели «Элементы» , «Консоль» , «Источники» и «Сеть» . Кроме того, вы узнаете о вкладке «Стили» и способах настройки DevTools.
Посмотрите видео, чтобы узнать, как:
- Проверяйте и редактируйте элементы DOM .
- Визуализируйте и изменяйте размеры элемента с помощью Box Model .
- Посмотрите, как ваша страница выглядит на мобильных устройствах .
- Выявляйте ошибки JavaScript с помощью панели «Консоль» .
- Отладка JavaScript с помощью точек останова на панели «Источники» .
- Анализируйте и фильтруйте сетевую активность на панели «Сеть» .
- Имитировать более медленные скорости соединения .
- Настройте инструменты разработчика .
Подробный обзор см. в нашем обзоре DevTools .