![[Арсений Батыров] Chrome DevTools: Инструменты тестировщика (2019)](/assets/images/logos/logo-white.webp "[Арсений Батыров] Chrome DevTools: Инструменты тестировщика (2019)"){kind=logo}
- 06, Jun 2019
- #1
Арсений Батыров
Chrome DevTools: Инструменты тестировщика (2019)
Chrome DevTools: Инструменты тестировщика Тестировщик всегда работает в условиях недостатка времени: беклог не уменьшается, релиз на носу, а протестировать нужно еще многое.
Чтобы обеспечить качество продукта, нужно постоянно повышать эффективность собственной работы.
Один из способов - освоить некоторые инструменты, облегчающие рутинные действия в тестировании. В веб-тестировании часто требуется работать с изнанкой страницы: смотреть локаторы, определять время загрузки, выделять отдельные элементы.
Де-факто стандартом в индустрии стал инструмент Chrome DevTools, встроенный прямо в браузер Chrome.
Разработчики используют его для отладки кода, но этот инструмент широко распространен и в тестировании.
Более того, основные паттерны работы, boominfo.ru заданные Chrome DevTools, используются как в других веб-инструментах, так и в работе с мобильными устройствами.
Естественно, хорошее знание такой утилиты будет плюсом для любого тестировщика.
Курс «Chrome DevTools: Инструменты тестировщика» создан для быстрого погружения в навыки, необходимые именно тестировщику.
Теория дается в объеме, минимально необходимом для практики.
Знания и навыки, приобретенные на этом курсе, помогут вам эффективно работать с Chrome DevTools сразу по окончании занятий.
На этом курсе вы научитесь:
Программа тренинга
Введение
Elements. Работа с DOM страницы
Console. Работа с JavaScript
Sources. Работа с подгружаемыми данными
NetWork. Работа с запросами
Performance. Тестирование нагрузки на сайт
Application. Работа с текущим приложением
Security. Работа с безопасным соединением
Device bar. Имитируем работу с девайсами
Network conditions. Работа с соединением
Chrome DevTools: инструменты тестировщика
Скачать: Скрытая информация :: Авторизуйтесь для просмотра »
Chrome DevTools: Инструменты тестировщика Тестировщик всегда работает в условиях недостатка времени: беклог не уменьшается, релиз на носу, а протестировать нужно еще многое.
Чтобы обеспечить качество продукта, нужно постоянно повышать эффективность собственной работы.
Один из способов - освоить некоторые инструменты, облегчающие рутинные действия в тестировании. В веб-тестировании часто требуется работать с изнанкой страницы: смотреть локаторы, определять время загрузки, выделять отдельные элементы.
Де-факто стандартом в индустрии стал инструмент Chrome DevTools, встроенный прямо в браузер Chrome.
Разработчики используют его для отладки кода, но этот инструмент широко распространен и в тестировании.
Более того, основные паттерны работы, boominfo.ru заданные Chrome DevTools, используются как в других веб-инструментах, так и в работе с мобильными устройствами.
Естественно, хорошее знание такой утилиты будет плюсом для любого тестировщика.
Курс «Chrome DevTools: Инструменты тестировщика» создан для быстрого погружения в навыки, необходимые именно тестировщику.
Теория дается в объеме, минимально необходимом для практики.
Знания и навыки, приобретенные на этом курсе, помогут вам эффективно работать с Chrome DevTools сразу по окончании занятий.
На этом курсе вы научитесь:
- Писать CSS и XPath локаторы;
- Ловить JS-ошибки;
- Отличать типы запросов друг от друга;
- Проверять сайт под нагрузкой;
- Эмулировать экран мобильных устройств;
- Менять скорость соединения;
- Проверять сертификаты безопасности.
Программа тренинга
Введение
- Что такое Chrome DevTools.
- Начало работы с Chrome DevTools
Elements. Работа с DOM страницы
- Краткий обзор HTML:
- тег
- атрибут тега
- теги html
- head
- body
- script
- тег
- Редактирование 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
Chrome DevTools: инструменты тестировщика
Скачать: Скрытая информация :: Авторизуйтесь для просмотра »
![[Алексей Карпов] Семейное обучение как система](/assets/images/icons/forum7.png){kind=icon}
![[Amlab] Анимация логотипа для видео в After Effects (2019)](/assets/images/icons/forum0.png){kind=icon}
![[Олег Леконцев] Техническое задание для клиента. Проясняем проблему и составляем дневник результата (2020)](/assets/images/icons/forum1.png){kind=icon}
