- писать CSS и XPath локаторы;
- ловить JS-ошибки;
- отличать типы запросов друг от друга;
- проверять сайт под нагрузкой;
- эмулировать экран мобильных устройств;
- менять скорость соединения;
- проверять сертификаты безопасности;
- и огромному количеству других вещей.
Программа тренинга
Введение
- Что такое Chrome DevTools
- Начало работы с Chrome DevTools
Elements. Работа с DOM страницы
- Редактирование HTML страницы на лету
- Краткий обзор CSS - стили элементов и их составляющие
- Редактирование CSS страницы на лету
- Работа с локаторами - CSS и XPath
Console. Работа с JavaScript
- JS-ошибки
- JS-дебаг и JS-логи
- Простой JS своими руками
Sources. Работа с подгружаемыми данными
- Загруженные CSS-стили
- Загруженный JS-код
- Загруженные картинки
- Файлы со сторонних ресурсов
- CDN
Network. Работа с запросами
- Типы запросов: HAR, JS, CSS, Img
- HAR-запросы. Как устроен HTTP-протокол
- AJAX-запросы
- Работа с фильтрами
- Работа с кешем и логами
Performance. Тестирование нагрузки на сайт
- JS Heap
- ЦПУ
- Ноды, документы и другие виды нагрузки
Application. Работа с текущим приложением
- Storage и его виды
- Работа с Cookie
- Работа с Cache
Security. Работа с безопасным соединением
- HTTPS и TLS
- Зачем требуется безопасное соединение
- Проверка сертификатов
Device bar. Имитируем работу с девайсами
- Отличия Desktop Web и Mobile Web
- Работа с образами
Network conditions. Работа с соединением
- Кастомизация скорости соединения
- User agent
Продажник :
Скачать материал :
Последнее редактирование модератором: