Junior
Milyen szekciók vannak a fejlesztői eszközökben (Dev Tools)?
sobes.tech MI
Válasz az MI-től
- Elemenek - Lehetővé teszi a HTML-struktúra és a CSS-stílusok valós idejű megtekintését és szerkesztését.
- Konzol - JavaScript hibakeresésre, kifejezések végrehajtására és üzenetek (naplók) megtekintésére szolgál a szkriptekből és a böngészőből.
- Források - Lehetővé teszi a oldal forráskódjának, JavaScript- és CSS-fájlok megtekintését, valamint töréspontok beállítását hibakereséshez.
- Hálózat - Követi az oldal által végrehajtott összes hálózati kérést (HTTP, HTTPS, WebSockets), megjelenítve azok állapotát, betöltési idejét és méretét.
- Teljesítmény - Segít az oldal teljesítményének elemzésében, szűk keresztmetszetek azonosításában a szkriptek, renderelés és betöltés terén.
- Memória - Profilozza az oldal szkriptjei által használt memóriát, és segít a memória szivárgások felismerésében.
- Alkalmazás - Eszközöket tartalmaz a helyi tárolással (Local Storage, Session Storage), cookie-k, cache, webszolgáltatások és a webalkalmazás manifestjének kezelésére.
- Biztonság - Információt nyújt a jelenlegi kapcsolat biztonságáról (SSL/TLS tanúsítványok, kevert tartalom).
- Lighthouse - Teljesítmény, hozzáférhetőség, legjobb gyakorlatok, SEO és PWA auditálására szolgáló eszköz.
- Felvétel - Lehetővé teszi a felhasználó interakcióinak rögzítését és reprodukálását, automatizált tesztek generálásával.