Кадом асбобҳо ва функсияҳоро дар Chrome DevTools барои таҳлили ва хатоҷӯии вебсаҳифаҳо истифода мебаред?

Дар Chrome DevTools ман ба таҳлил ва ислоҳи хатоҳои саҳифаҳои веб одатан аз асбобҳо ва функсияҳои зерин истифода мебарам:

• Elements — барои дидани ва таҳрири DOM ва CSS дар вақти воқеӣ.
• Console — барои иҷрои коди JavaScript ва дидани логҳо, хатоҳо.
• Network — барои таҳлили дархостҳои шабакавӣ, вақти боркунии захираҳо, санҷиши ҷавобҳои сервер.
• Sources — барои ислоҳи JavaScript бо имконияти гузоштани нуқтаҳои қатъ (breakpoints).
• Performance — барои профилинг кардани иҷрои саҳифа, муайян кардани нуқтаҳои танг.
• Application — барои кор бо захираҳои маҳаллӣ, кукиҳо, IndexedDB.
• Lighthouse — барои аудит кардани иҷроиш, дастрасӣ ва SEO.

Масалан, барои пайгирии мушкилоти боркунӣ, ман таби Network-ро мекушоям, ба навъи захираҳо филтр мекунам ва статус ва вақти боркунии ҳар файлро мебинам.