Codable

Inspect elements in Safari on iPhone and iPad. View HTML and CSS, read JavaScript console errors, review captured network requests, and explore page source and website assets in the Safari page you’re already using. Built for frontend developers debugging the mobile web. Safari inspection • Elements: select a node on the page, browse the DOM, inspect styles, and try local CSS edits. • Console: evaluate JavaScript and read captured logs, errors, and available stack information. • Network: inspect requests observed after capture starts, including available status, timing, and response details. • Source: read the source available to the extension and distinguish it from the live DOM. • Resources: explore scripts, stylesheets, images, and available page storage. Start capture before reproducing a problem. Safari permissions, browser boundaries, and capture timing can limit the evidence available. Codable does not provide every capability of desktop Web Inspector. Tools in the companion app • Resize: test responsive layouts with custom viewport dimensions, device presets, scale controls, and resize handles. • Scratchpad: write and run JavaScript with syntax coloring, code keyboard shortcuts, and document support. Optional Apple Intelligence assistance is available on supported devices. • Extension setup: enable Codable in Safari and practice with the bundled demo website. The Safari extension works in your current Safari page. Resize uses a separate browser session. Optional support Codable is free to use. The Tip Jar offers optional, repeatable one-time purchases through Apple. Tips unlock no features and are not subscriptions.