Часть 1 | Часть 2
🔴 Переопределение геолокации
Зачем: проверить сайт для пользователей из разных городов/стран/часовых поясов
⚠️ Работает только если сайт использует сервисы геолокации (не IP)
Как изменить:
F12 → Ctrl+Shift+P → Sensors → Show Sensors
Location → выбрать город из списка
Добавить свой город:
Manage → Add Location → указать название, координаты, часовой пояс
Где помогает:
✓ Проверка погоды по геолокации
✓ Расписания с учётом часовых поясов
✓ Контент, зависящий от региона
✓ Локализация сервисов
🔴 Подмена user-agent
Зачем: проверить сайт с разных устройств, ОС и браузеров без физических девайсов
Как изменить:
F12 → Ctrl+Shift+P → Show Network conditions
User-Agent → снять галочку Use browser default → выбрать из списка
Кастомный User-Agent:
Выбрать Custom → ввести параметры вручную
Где помогает:
✓ Тестирование мобильных версий
✓ Проверка адаптивности под разные браузеры
✓ Тестирование специфичного поведения для iOS/Android
✓ Проверка блокировок для определенных браузеров
🔴 Lighthouse — аудит производительности
Зачем: комплексный тест производительности, accessibility, SEO
Как запустить:
F12 → Lighthouse → выбрать параметры → Analyze page load
Что проверяет:
✓ Performance (скорость загрузки)
✓ Accessibility (доступность для людей с ограниченными возможностями)
✓ Best Practices (соблюдение стандартов)
✓ SEO (оптимизация для поисковиков)
✓ PWA (Progressive Web App)
Результат:
• Оценки от 0 до 100 по каждому параметру
• Детальные рекомендации по улучшению
• Метрики (FCP, LCP, TTI, CLS)
🔴 Частые сценарии
1️⃣ Проверка API:
Network → Fetch/XHR → клик на запрос → Payload/Response
2️⃣ Тест производительности:
Lighthouse → выбрать категории → Analyze
3️⃣ Проверка на медленном интернете:
Network → Throttling → Slow 3G
4️⃣ Поиск лишнего кода:
Ctrl+Shift+P → Coverage → Start
5️⃣ Тест геолокации:
Ctrl+Shift+P → Sensors → выбрать город
6️⃣ Воспроизведение бага:
Network → ПКМ на запрос → Copy as cURL
🔴 Все хоткеи
F12 — открыть DevTools
Ctrl+Shift+C — инспектор элементов
Ctrl+Shift+P — Command Menu
Ctrl+Shift+M — режим устройств
Ctrl+R — перезагрузить страницу
Ctrl+S — сохранить изменения
Ctrl+F — поиск
Ctrl+E — старт/стоп записи Network
📍 Навигация: [Вакансии]
🎁 Новогодняя акция: 3 курса по цене 1
🤝 Помощь с выбором курса
🐸 Библиотека тестировщика
#артефакт