Müasir web tətbiqləri getdikcə daha kompleks olur və yalnız UI səviyyəsində test aparmaq çox zaman kifayət etmir. Keyfiyyətə cavabdeh olan QA mühəndisi həm görünən, həm də görünməyən qatlarda baş verənləri analiz etməyi bacarmalıdır. Bu mərhələdə ən güclü alət — Browser Developer Tools — QA-nın “rentgen gözləri” rolunu oynayır.

DevTools bilikləri QA-nı daha analitik, daha texniki və daha dəyərli mütəxəssisə çevirir.
 

🧩 1. Network Tab — API-ləri oxumaq və analiz etmək

Network tab QA üçün ən vacib bölmədir. Burada tətbiqin backend ilə necə danışdığını görmək olur.

QA nəyi bilməlidir?

• Request və Response strukturu
• Status kodların mənası (200, 400, 401, 403, 404, 500)
• Headers — auth token, content-type, caching
• Payload / Body — göndərilən data
• Response JSON — backend-dən gələn data düzgünmü
• Failed request-lər — error səbəbi
• Timing — performans ölçümü

Niyə vacibdir?

UI-də görünməyən bir çox bug əslində Network tab-da aşkarlanır. Bu bacarıq QA-nı developer-lərlə eyni dildə danışan mütəxəssis edir.

🧩 2. Console Tab — Error-ları oxumaq

Console — tətbiqin “daxili səsi”dir. Burada UI-də görünməyən xətalar olur.

QA bilməlidir:

• JavaScript error-ları
• Warning-lər
• Deprecation mesajları
• Failed network call-ların stack trace-i
• Silent error-lar

Niyə vacibdir?

Real şirkətlərdə UI bug-larının 70%-i Console error-ları ilə tapılır.

🧩 3. Application Tab — Storage və Auth mexanizmləri

Modern web tətbiqləri məlumatı müxtəlif storage-larda saxlayır.

QA bilməlidir:

• LocalStorage — istifadəçi dataları
• SessionStorage
• Cookies — expiry, secure, httpOnly
• IndexedDB — offline data
• JWT token — expiry, payload oxumaq

Niyə vacibdir?

Auth və session problemləri ən kritik bug-lardandır. DevTools bunu birbaşa görməyə imkan verir.

🧩 4. Performance Tab — Yüklənmə və render problemləri

Performance tab tətbiqin sürətini ölçmək üçün istifadə olunur.

QA bilməlidir:

• Page load time
• Rendering issues
• Heavy scripts
• Memory leaks
• Long tasks

Niyə vacibdir?

Performans problemi istifadəçi təcrübəsini birbaşa öldürür. QA bunu ölçməyi bacarmalıdır.

🧩 5. Elements Tab — DOM və CSS debugging

UI bug-larının böyük hissəsi DOM və CSS konfliktlərindən yaranır.

QA bilməlidir:

• DOM strukturunu oxumaq
• Elementlərin görünməməsinin səbəbini tapmaq
• CSS conflict-ləri analiz etmək
• Responsive problemləri araşdırmaq

Niyə vacibdir?

Bu bacarıq UI bug-larını 2 dəfə tez tapmağa kömək edir.

🧩 6. Security Tab — HTTPS və CORS problemləri

Security tab QA üçün kritikdir.

QA bilməlidir:

• HTTPS düzgün işləyirmi
• Certificate error-ları
• Mixed content warning-lər
• CORS error-ları

Niyə vacibdir?

CORS problemi developer-lərin ən çox qarşılaşdığı mövzudur. QA bunu izah edə bilirsə, komanda üçün çox dəyərli olur.

🧩 7. DevTools ilə API test etmək

Postman olmasa belə DevTools API test etməyə imkan verir.

QA bilməlidir:

• Request-i copy as cURL
• Body-ni dəyişib yenidən göndərmək
• Auth token-lə test etmək

Niyə vacibdir?

Bu bacarıq QA-nı API bilən mütəxəssisə çevirir.

🧩 8. DevTools ilə Mobile Testing

Mobil test üçün DevTools çox güclü imkanlar verir.

QA bilməlidir:

• Device toolbar
• Touch events
• Responsive breakpoints
• Network throttling (slow internet)

🧩 9. Debugging Mindset — DevTools-un ən vacib tərəfi

DevTools bilmək sadəcə alət bilmək deyil — düşüncə tərzidir.

QA bilməlidir:

• Problemin kök səbəbini tapmaq
• “Niyə baş verdi?” sualını cavablandırmaq
• Developer-lə faktlarla danışmaq
• Daha güclü bug report yazmaq

🧩 10. DevTools + Automation (Playwright/JS)

Sənin üçün xüsusi vacibdir, Ziya.

QA bilməlidir:

• Network interception
• API mocking
• Console error-ları testdə yakalamaq
• Storage manipulation
• Performance metrics

Niyə vacibdir?

Bu bacarıq səni sırf Manual QA yox, Automation Engineer kimi daha güclü edir.