DevTools в браузерах содержит несколько вкладок, каждая для разных аспектов отладки и анализа: - **Elements** – просмотр и редактирование DOM и CSS. - **Console** – выполнение JS, логирование ошибок и информации. - **Sources** – отладка JS, работа с исходным кодом. - **Network** – мониторинг HTTP-запросов и ответов. - **Performance** – анализ производительности страницы. - **Memory** – профилирование использования памяти. - **Application** – работа с хранилищем (Cookies, LocalStorage и т.д.). - **Security** – проверка HTTPS и сертификатов. - **Lighthouse** – аудит производительности, доступности и SEO. Пример использования Console: ``` console.log('Hello, DevTools!'); ```