Codable vs Nota6

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.

Reader-first Markdown app for the AI era — with a built-in Reference Library so it's useful the moment you open it. BUILT-IN LIBRARY (12 references, all offline) The welcome screen has a "Browse Library" button. Tap it and you have 12 curated documents available immediately, in English and Simplified Chinese: • Markdown / GFM syntax references • Mermaid Diagram Gallery — 10 diagram types (flowchart, sequence, class, state, ER, gantt, pie, mindmap, timeline, git graph), each with source + rendered output • KaTeX Math Reference — symbols, operators, matrices, common formulas • Code Highlighting Gallery — Swift, Python, TypeScript, Go, Rust, SQL, and more (190+ languages bundled) • Reading AI-Generated Markdown — four shapes of agent output and how to read each • CLAUDE.md & AGENTS.md spec — how AI-instruction files work • README Patterns, Design Doc & RFC Patterns • Nota6 Tips & Tricks, iPad Keyboard Shortcuts, Themes Showcase These aren't placeholders — they're useful reading material for anyone who works with AI coding assistants and the .md files they produce. WHAT MAKES IT DIFFERENT FROM A BROWSER • Mermaid diagrams, KaTeX math, syntax-highlighted code, all rendered offline. No network requests during rendering. Safari Reader can't do Mermaid; Nota6 can. • Auto-refresh on file change with smart scroll anchoring: when an external editor rewrites the file, the preview re-renders in place and stays at the same heading even if the document length shifts. • Open files from anywhere via the system share sheet, Files, iCloud Drive, or the "Open in Nota6" action. iOS-NATIVE INTEGRATIONS • Shortcuts / App Intents: "Open Markdown File" and "Export Markdown as HTML" are first-class Shortcuts actions. Automate from Siri or your iPad keyboard. • iCloud sync: your theme, font, width, and Custom-theme colors follow you across iPhone, iPad, and Mac. • Workspace full-text search (⌘⇧F) across an entire folder of .md files. • Bookmark self-heal: if AI tooling renames or moves files in your workspace, Nota6 reattaches by content fingerprint instead of breaking. READING EXPERIENCE • Quick Edit: switch to Source, correct raw Markdown, and save with Command-S on a hardware keyboard. Nota6 preserves the original encoding, BOM, and line endings, and warns before overwriting external changes. • 5 themes: GitHub · Paper · Notion · Terminal · Custom. Custom lets you pick body + monospace fonts and 4 colors (background, text, heading, code block) right inside the app. • 4 font sizes, 3 reading widths, Light / Dark / Auto appearance. • Outline panel with live filter and scroll-synced active heading; floating breadcrumb when the outline is closed. • Per-file reading-progress dots in the workspace sidebar. • Click-to-zoom for Mermaid diagrams and images; long-press to Copy or Save as PNG. iPAD HARDWARE KEYBOARD Full shortcut set: ⌘O · ⇧⌘O · ⌘F · ⌘P · ⌥⌘O · ⌘R · ⌘[ / ⌘] · ⌘W. Press-and-hold ⌘ for the discoverability HUD. EXPORT PDF or self-contained HTML via the system share sheet — straight to Files, Mail, Slack, Notion, or any other destination. PRIVACY No analytics. No third-party SDKs. No network requests unless the document itself references remote images. Rendering libraries (KaTeX, Mermaid, highlight.js) are bundled offline. English + Simplified Chinese.