Веб-инспектор Safari — встроенный в браузер Safari инструмент разработчика, предназначенный для анализа, отладки и профилирования веб-страниц. Он предоставляет интерфейс для просмотра структуры документа, стилей и сетевых запросов, а также для интерактивного редактирования HTML и CSS, выполнения JavaScript в консоли и отслеживания производительности. Инструмент используется веб-разработчиками для локализации ошибок, оптимизации загрузки страниц и проверки поведения интерфейса в реальном времени.
История инструмента связана с развитием браузера Safari и платформы WebKit; с течением времени Веб-инспектор получил расширенные возможности по сравнению с ранними версиями, включая средства профилирования памяти, детальный сетевой трейсинг и симуляцию различных условий сети и устройств. Интерфейс и набор функций могут отличаться в зависимости от версии браузера и операционной системы, при этом базовые возможности по работе с DOM, стилями и консолью остаются стандартными.
- Просмотр структуры DOM: интерактивное дерево элементов с возможностью выделения, редактирования и удаления узлов в реальном времени.
- Редактирование CSS: просмотр применённых стилей, вычисленных свойств, изменение правил и немедленное применение изменений на странице.
- Консоль JavaScript: выполнение команд, логирование, инспекция ошибок и взаимодействие с контекстом страницы.
- Отладчик JavaScript: пошаговое выполнение кода, точки останова, просмотр стека вызовов и переменных в текущем контексте.
- Инструменты сети: мониторинг HTTP/HTTPS-запросов, заголовков, времени загрузки ресурсов и статусов ответов.
- Профилирование производительности: анализ времени выполнения, кадрирования, рендеринга и узких мест в производительности страницы.
- Профилирование памяти: анализ использования памяти, поиск утечек и снимки распределения памяти для объектов JavaScript и DOM.
- Анализ рендеринга и макета: визуализация слоёв, перерисовок и расчётов компоновки, помогающая оптимизировать отображение страницы.
- Эмуляция устройств и условий сети: настройка размеров экрана, плотности пикселей и скорости соединения для тестирования адаптивности и поведения при разных условиях.
- Инспекция ресурсов: просмотр подключённых файлов, скриптов, стилей, шрифтов и их свойств, а также управление кэшем в ходе отладки.