---
title: Web Inspector
framework: Safari Developer Features
role: article
role_heading: Article
path: safari-developer-tools/web-inspector
---

# Web Inspector

Use Web Inspector to inspect and debug your HTML, CSS, and JavaScript.

## Overview

Overview Web Inspector helps you inspect all the resources and activity on webpages, service workers, Mac and Home Screen web apps, and JavaScript running inside your applications, making development more efficient across Apple platforms. The clean, unified design puts each core function in a separate tab, which you can rearrange to fit your workflow. The most complete resource for Web Inspector is the Web Inspector Reference, and help links in Web Inspector itself can take you to help specific to the current part of the tools you are using. The Interface Web Inspector is divided into multiple tabs, with navigation and details sidebars, a main content area, a console prompt at the bottom, and optionally a split console visible in every tab. Learn more about Web Inspector’s interface as well as how to quickly navigate Web Inspector with keyboard shortcuts.

Each tab contains a set of related tools and features to make it easier to find the tool you are looking for.

## See Also

### Tools

- [Develop menu](safari-developer-tools/develop-menu.md)
- [Responsive Design Mode](safari-developer-tools/responsive-design-mode.md)
- [Inspect Apps and Devices](safari-developer-tools/inspect-apps-and-devices.md)
- [Connecting an AI agent to Safari](safari-developer-tools/connecting-an-ai-agent-to-safari.md)
- [WebDriver](safari-developer-tools/webdriver.md)