Source
QA Co-pilot | Шпаргалка QA: 5 прихованих фіч Chrome DevTools, які економлять годиниП...
34 Views/Reach
2026-03-13 08:55
Message №228
🛠 Шпаргалка QA: 5 прихованих фіч Chrome DevTools, які економлять годиниПривіт, екіпаж! ☕️Усі ми використовуємо DevTools (F12), щоб подивитися статус 200 OK у вкладці Network або знайти червоний текст у Console. Але насправді це справжній швейцарський ніж, який використовується QA лише на 20%.Ось 5 неочевидних інструментів, які перетворять вас на ніндзя тестування:🛑 Блокування запитів (Block Request URL)
Що перевіряємо: Чи виживе ваш сайт, якщо впаде сторонній сервіс?Як зробити: Вкладка Network -> Клік правою кнопкою по будь-якому запиту (наприклад, скрипту аналітики чи підвантаженню карти) -> Block request URL. Оновлюємо сторінку.Результат: Якщо через відключену аналітику у вас відвалилася кнопка "Купити" — вітаю, ви знайшли критичний баг архітектури.
💾 Збереження логів при редиректі (Preserve Log)
Що перевіряємо: Баги при оплаті або логіні.Біль: Ви тиснете "Оплатити", система видає помилку і миттєво перезавантажує сторінку. Усі логи в Network і Console зникають, ви не встигаєте нічого заскрінити.Рішення: У вкладці Network (та Console) ставимо маленьку галочку Preserve log. Тепер навіть після 10 редиректів уся історія запитів залишиться на екрані.
🌍 Підміна Геолокації (Sensors)
Що перевіряємо: Як працює доставка чи зміна валюти для інших країн.Як зробити: Тиснемо Ctrl+Shift+P (або Cmd+Shift+P на Mac) -> пишемо Sensors. У вкладці, що з'явиться, знаходимо Location і міняємо свій Київ на Токіо, Лондон або вводимо кастомні координати. Жодних VPN не потрібно!
⏱️ Кастомне сповільнення мережі (Custom Throttling)
Що перевіряємо: Таймаути та лоадери.Біль: Стандартний "Slow 3G" іноді занадто швидкий або занадто повільний.Рішення: Network -> Throttling -> Add... Створіть свій профіль, наприклад "Жахливий інтернет", і поставте швидкість 10 kb/s. Це ідеально для тестування того, як довго крутиться лоадер на кнопці.
🎭 Маніпуляції з Local Storage
Що перевіряємо: Реєстрацію, онбординг, стан кошика.Як зробити: Вкладка Application -> Local Storage. Тут зберігаються дані сесії. Замість того, щоб щоразу чистити кеш або йти в Інкогніто, просто видаліть ключ auth_token і натисніть F5 — ви розлогінені. Змініть значення is_new_user з false на true — і ви знову побачите вікна онбордингу без створення нового акаунту!
📌 Зберігайте цей пост у "Збережене" та пересилайте колегам, щоб вони теж перестали страждати з редиректами та VPN!А якою фічею з DevTools ви користуєтесь найчастіше? 👇🔥 — Network, моє все!👀 — Elements, постійно колупаю верстку.🤯 — Тільки що дізнався(лася) про половину з цього списку!