Sobes.tech
Junior

Дамытушылар құралдарында (Dev Tools) қандай бөлімдер бар?

sobes.tech AI

AI-дан жауап

  • Elements (Элементтер) - HTML-бет құрылымын және CSS стильдерін нақты уақыт режимінде қарау және өңдеу мүмкіндігін береді.
  • Console (Консоль) - JavaScript-ті қателерін түзету, өрнектерді орындау және сценарийлер мен браузерден хабарламаларды (логтарды) көру үшін пайдаланылады.
  • Sources (Көздер) - Беттегі бастапқы кодты, JavaScript және CSS файлдарын қарау, түзету үшін бұғаттау нүктелерін орнату мүмкіндігін береді.
  • Network (Желі) - Беттен орындалатын барлық желілік сұрауларды (HTTP, HTTPS, WebSockets) бақылау, олардың статусы, жүктеу уақыты және өлшемін көрсету.
  • Performance (Өнімділік) - Веб-беттің өнімділігін талдауға көмектеседі, сценарийлермен, рендерлеу және жүктеу мәселелерін анықтайды.
  • Memory (Жады) - Бет сценарийлерінің жады пайдалануын профилдеу, жады ағып кетулерін табу.
  • Application (Қолданба) - Локальды сақтау (Local Storage, Session Storage), кукилер (Cookies), кэш, сервис-воркерлер және веб-қолданба манифестімен жұмыс істеу құралдарын қамтиды.
  • Security (Қауіпсіздік) - Қазіргі байланыс қауіпсіздігі туралы ақпаратты ұсынады (SSL/TLS сертификаттары, аралас мазмұн).
  • Lighthouse - Өнімділік, қол жетімділік, SEO ең жақсы тәжірибелер және PWA үшін аудит құралы.
  • Recorder (Жазу) - Пайдаланушының бетпен өзара әрекеттесуін жазуға және ойнатуға, автоматтандырылған тесттер құруға мүмкіндік береді.