Codable

Codable is a lightweight web developer toolkit for iPhone and iPad.

Use the Safari extension to inspect pages where they already run. Select elements inline, browse the DOM tree, view HTML, inspect styles and node metadata, evaluate JavaScript, capture console output, view source, inspect resources, and review network activity. On supported devices, on-device Apple Intelligence can be used to find elements and perform edits.

The main app has three tabs for development and testing:

• Resize: a browser surface for testing responsive layouts with custom viewport width, height, scale, presets, and drag handles.
• Scratchpad: a JavaScript editor and runner with syntax coloring, code-focused keyboard shortcuts, document support, and optional Apple Intelligence assistance on supported devices.
• Extension: a small info page with instructions on how to enable the Safari extension, and a way to view a local demo page with CSS, JavaScript, resources, console logs, and network requests to try out the tools within Safari.