Codable

iOS Universel / Utilitaires

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.

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.

Quoi de neuf dans la dernière version ?

In this version:
- "Resize" tool now includes more device presets, pixel density control shown in the UI, and has basic user-agent switching support
- Console and "Resize" have improved display
- Safari Extension now shares theme settings with the companion app

2.0 Update notes:

Codable has been rebuilt as a modern Safari-native developer toolkit.
- New Safari Web Extension for Elements, Console, Source, Network, and Resources
- Inline element selection with DOM tree navigation, HTML, style, node, and frame details
- JavaScript console with page-context evaluation and console output capture
- Responsive Resize browser with viewport presets, drag handles, scaling, and basic tabs
- Scratchpad with syntax coloring, document picker support, DOM-capable JavaScript execution, and code keyboard shortcuts
- Optional on-device Apple Intelligence code assistance on supported devices
- Local demo page for testing the Safari extension
- New SwiftUI app interface, updated icons, launch screen, and iPad support