Sobes.tech
Junior

Aké sekcie sú v nástrojoch pre vývojárov (Dev Tools)?

sobes.tech AI

Odpoveď od AI

  • Elementy - Umožňuje prehliadanie a úpravu štruktúry HTML stránky a štýlov CSS v reálnom čase.
  • Konzola - Používa sa na ladenie JavaScriptu, vykonávanie výrazov a prehliadanie správ (záznamov) zo skriptov a prehliadača.
  • Zdroje - Umožňuje zobraziť zdrojový kód stránky, súbory JavaScript a CSS, a nastaviť body prerušenia pre ladenie.
  • Sieť - Sleduje všetky sieťové požiadavky vykonávané stránkou (HTTP, HTTPS, WebSockets), zobrazuje ich stav, čas načítania a veľkosť.
  • Výkon - Pomáha analyzovať výkon webovej stránky, identifikovať úzke miesta súvisiace so skriptmi, vykresľovaním a načítaním.
  • Pamäť - Umožňuje profilovanie využitia pamäti skriptami stránky a odhaľovanie únikov pamäti.
  • Aplikácia - Obsahuje nástroje na prácu s lokálnym úložiskom (Local Storage, Session Storage), cookies, cache, webovými službami a manifestom webovej aplikácie.
  • Bezpečnosť - Poskytuje informácie o bezpečnosti aktuálneho pripojenia (certifikáty SSL/TLS, zmiešaný obsah).
  • Lighthouse - Nástroj na audit výkonu, prístupnosti, najlepších praktík, SEO a PWA.
  • Záznamník - Umožňuje zaznamenávať interakcie používateľa so stránkou a ich prehrávanie, generovať automatizované testy.