Safari developer tools
Inspect HTML, edit CSS, and run JavaScript. Right in Safari, on iPhone and iPad.
iOS & iPadOS 26.4 or later
Free to use. Optional tips support the app. No ads, tracking, or subscriptions.
Inspect, test, and debug
Inspect and edit the live page
Select an element in Safari, follow its DOM tree, and inspect its HTML and styles. Change the CSS and see your edits on the page.
View full screenshot
The page, its structure, and a live JavaScript console.
Open the tools on the page you’re working on. Follow an element, try a style, or find out why a request failed.
A Safari extension and a standalone app. No desktop connection required.
- Inspect elements
- Edit live styles
- Run JavaScript
- Test responsive layouts
See the tools in action
Test your responsive layouts
Open a page in Resize and change its width, height, or scale. Use a device preset, or drag the viewport to find where the layout needs attention.
Explore Codable
See every tool in the current app, including the source inspector and JavaScript Scratchpad.
Swipe to browse · Select an image for the full-size view
Inspect the Safari tab you already have open
Choose the tools for the page and the evidence you need.
Can I inspect Safari on iPhone without a Mac?
Yes. Enable Codable’s Safari extension, allow it on the page, and select an element to inspect its HTML and styles. The Console, Network, Source and Resources panels also work on iPhone and iPad without a desktop connection.
Start with element inspection ↗Can I inspect a page I’m already signed into?
The extension works in your current Safari tab, where that page’s session already exists. Resize and Scratchpad run separately in the companion app; opening the same URL there does not transfer your Safari login or page state.
Inspect a request in the current tab ↗How does it compare with desktop Web Inspector?
Codable provides live element inspection, CSS edits, a JavaScript console, resource details and captured network activity on your device. Capture can be incomplete, and desktop tools are still useful for breakpoints, source maps and deeper browser-level inspection.
Understand Source and Resources ↗Safari debugging, step by step
Practical guides for the moments when a mobile page doesn’t behave as you expect.
All Codable guides ↗Get Codable
Free for iPhone and iPad.
Apple Intelligence features are optional and require a supported device.