Sobes.tech
Junior

Ce secțiuni există în instrumentele pentru dezvoltatori (Dev Tools)?

sobes.tech AI

Răspuns de la AI

  • Elemente - Permite vizualizarea și editarea structurii HTML și a stilurilor CSS în timp real.
  • Consola - Se folosește pentru depanarea JavaScript, executarea expresiilor și vizualizarea mesajelor (logurilor) din scripturi și browser.
  • Surse - Oferă posibilitatea de a vizualiza codul sursă al paginii, fișierele JavaScript și CSS, și de a seta puncte de oprire pentru depanare.
  • Rețea - Monitorizează toate solicitările de rețea efectuate de pagină (HTTP, HTTPS, WebSockets), afișând starea, timpul de încărcare și dimensiunea acestora.
  • Performanță - Ajută la analizarea performanței paginii web, identificând punctele slabe legate de scripturi, randare și încărcare.
  • Memorie - Permite profilarea utilizării memoriei de către scripturile paginii și identificarea scurgerilor de memorie.
  • Aplicație - Conține instrumente pentru lucrul cu stocarea locală (Local Storage, Session Storage), cookie-uri, cache, servicii web și manifestul aplicației web.
  • Securitate - Oferă informații despre securitatea conexiunii actuale (certificate SSL/TLS, conținut mixt).
  • Lighthouse - Instrument pentru auditul performanței, accesibilității, celor mai bune practici, SEO și PWA.
  • Înregistrare - Permite înregistrarea interacțiunilor utilizatorului cu pagina și redarea lor, generând teste automatizate.