PocketPlay
中文

HTML Preview

Write HTML, CSS and JavaScript on the left and see the rendered page instantly on the right, in a sandboxed frame.

🔒 Runs in your browser — files never leave your deviceFree · No sign-up
Preview width
Background
Options
Drop an .html file here
or click to choose — .html .htm .svg

HTML

—

Preview

—

How to preview HTML

  1. Paste or type a full page — or just a fragment — into the editor. Drop an .html file in to load it instead.
  2. The preview refreshes as you type. Use the device menu to check 390 px phone width or 1440 px desktop width without resizing your window.
  3. Press Open in new tab to see the page on its own, or Download to save the markup as an .html file.

FAQ

Does my markup get uploaded?

No. The preview is a sandboxed iframe fed from the srcdoc attribute in this very page, so the HTML never leaves your browser and no request is made for it.

Can the page run JavaScript?

Yes, with Allow JavaScript ticked. The frame runs with sandbox="allow-scripts" and no same-origin access, so scripts can draw and animate but cannot read this page, your cookies or your storage. Untick the box to render the markup with scripts disabled.

Why do my images or fonts not load?

Relative paths such as ./logo.png have nothing to resolve against — the preview has no base URL. Use absolute https:// URLs or a data: URI, and remember those resources are fetched from the network by your browser as usual.

Regex TesterHOT Test JavaScript regular expressions live: highlighted matches, capture groups, replace preview and a shareable link. Regex Cheat Sheet A searchable regular expression reference: character classes, anchors, quantifiers, groups, lookaround, flags and Unicode properties, each with a live example. Regex Visualizer Turn a JavaScript regular expression into a railroad diagram you can read at a glance, and export it as SVG or PNG. Code FormatterHOT Format or minify JavaScript, TypeScript, JSON, HTML, CSS, SCSS, Markdown and YAML with Prettier, right in your browser. SQL Formatter Format and beautify SQL for MySQL, PostgreSQL, SQLite, T-SQL, BigQuery and more — or minify it back to one line. Table Generator Fill in a spreadsheet-style grid — or paste from Excel — and get the table as HTML, Markdown, CSV, JSON or LaTeX. Meta Tag Generator Build the whole <head> block — title, description, canonical, Open Graph, Twitter card, favicons and JSON-LD — with live Google and social previews. UUID Generator Generate UUID v4, v1, v7, v3 and v5 in bulk — plus ULID and Nano ID — with uppercase, braces and no-dash formatting.

All tools →