Чӣ тавр инструментҳои таҳиягари Chrome (Chrome DevTools)?

Амалҳои Chrome DevTools — маҷмӯи асбобҳои дар браузер дарунсохт барои таҳия ва хатоҷӯии веб.

Панелҳои асосӣ:

• Elements: Намоиш ва рефакторинг дар вақти воқеӣ аз сохтори HTML ва услубҳои CSS.
• Console: Намоиши логҳо, иҷрои коди JavaScript, хатоҷӯӣ.
• Sources: Хатоҷӯии коди JavaScript бо нуқтаҳои истгоҳ, профилингии иҷроиш.
• Network: Мониторинг дархостҳои шабакавӣ (HTTP/HTTPS), таҳлили вақти иҷроиш ва мундариға.
• Performance: Таҳлили вақти боркунӣ ва иҷроиши коди саҳифа.
• Memory: Профилингии истифодаи хотира, ошкор кардани шикастҳо.
• Application: Таҳқиқи захираҳои барнома — нигоҳдорӣ (Local Storage, Session Storage, IndexedDB), cookies, cache.
• Security: Таҳлили амнияти саҳифа, аз ҷумла санҷиши сертификатҳои SSL.
• Lighthouse: Аудити вебсаҳифа бо асоси критерийҳои иҷроиш, дастрасӣ, SEO ва амалҳои беҳтарин.

Истифода дар QA:

• UI/UX санҷиш: Таҳлили услубҳо (Elements), санҷиши мутобиқат (Toggle device toolbar).
• Хатоҷӯии пешбар: Ёфтан ва ислоҳи хатоҳо дар JavaScript (Console, Sources).
• Таҳлили муоширати API: Мониторинг дархостҳо ва ҷавобҳо (Network).
• Баҳо додани иҷроиш: Бақайдгирии вақти боркунӣ ва иҷроиши скриптҳо (Performance).
• Таҳқиқи захираҳо: Санҷиши Local Storage, cookies ва ғайра (Application).
• Симулясияи дастгоҳҳо: Санҷиш дар андозаҳои гуногуни экран ва шароити шабакавӣ (Network – Throttling).