HTML Preview Online
Open an HTML file to see the page, or open its folder to see it with its CSS, images and fonts. Check phone and tablet widths, the title and meta tags, the headings and the links. No account and no upload.
HTML Preview & HTML Viewer for VS Code and Cursor, free
- A live preview beside your .html file that updates as you type, with linked CSS, @import, scripts, images, fonts and local frames.
- Scripts run in a sandboxed frame, and a console shows logs, errors and the linked files that were not found.
- Phone, tablet and desktop widths, zoom, scroll sync, and links to other local pages with Back and Forward.
Optional Zovo Pro, USD 19 once: save as one HTML file, an accessibility and SEO check, and a link check for a folder. 3 free tries for each.
Drop an HTML file or its folder here
or
HTML files up to 32 MB. Pick several files, or drop the whole folder, to see the CSS, images and fonts.
Page
Counts
Headings
| Kind | Reference in the page | Status |
|---|
Open this in VS Code or Cursor
The free HTML Preview extension shows your page beside its code in VS Code and Cursor and updates as you type, with its CSS, JavaScript and images, phone and tablet widths, a console, and links that open other local pages.
Free, MIT license. About HTML Preview for VS Code.
Zovo Pro
Save as one HTML file, an accessibility and SEO check and a folder link check. Zovo Pro, USD 19 once.
In the HTML Preview extension, Zovo Pro writes the page with its CSS, scripts, images and fonts inside one HTML file, checks the page for accessibility and SEO problems at the line of each one, and lists the local pages, files and #anchors that do not exist in a whole folder. Each Pro tool works 3 times for free. One payment covers the Pro tools in 22 Zovo extensions. Everything that is free stays free.
After a card payment you get a key on the page. With GitHub Sponsors you sign in from the extension. Details on the Zovo Pro page.
Related tools
- Auto Rename Tag & Close Tag Sync on the VS Code Marketplace (also on Open VSX). Renames the matching HTML, JSX or Vue tag as you type.
- RST Preview & reStructuredText Preview. Previews reStructuredText beside the editor, with no Python.
- Mermaid Diagram Editor & Viewer. A live preview of Mermaid diagrams and Mermaid blocks in Markdown.
- SVG Preview & SVG Viewer. Previews SVG beside its code; scripts in the file never run.
- Mermaid Editor Online, free in your browser.
- SVG to PNG Converter, free in your browser.
- EML Viewer Online, free in your browser.
Questions
Is my HTML file uploaded anywhere?
No. The page reads your files inside this tab. Its Content Security Policy sets connect-src to none, so it cannot send them anywhere. Open the Network tab of your browser tools and you will see no request when a page opens.
Why do my CSS and images not show?
A browser page can only read the files you give it. Open the whole folder (drop it, or use Add the page's folder), or add the CSS, image and font files with Add CSS and image files. Linked stylesheets, @import, CSS url(), img, srcset, picture, video posters and local frames are then read from your files. The Linked files tab lists every reference and whether it was found.
Does it load fonts, scripts or images from the web?
No. Web addresses such as a Google Fonts or CDN link are listed, with their hosts, and never loaded, so the preview makes no request to any site. The preview frame has its own Content Security Policy with no web sources at all, on top of the policy of this page.
Do scripts run?
No. The page is shown in a sandboxed frame with scripts off, so you see it as it looks without JavaScript, and nothing in the file can run in your browser. Forms are not sent and links stay inside the preview. The free VS Code extension runs scripts in a sandboxed frame and shows a console.
What does the Structure tab show?
The title, language, charset, viewport, meta description with its length, canonical link, Open Graph tags and doctype, the heading outline from h1 to h6, and counts of links, images and images without alt text, scripts, stylesheets, forms, frames and repeated ids. The Source tab shows the file with line numbers.
Can I check phone and tablet widths?
Yes. The Width list sets 1440, 1024, 768, 375 or 320 pixels, so you can see how the page reflows and whether the viewport meta tag is set.
Does it work offline?
Yes. After the first visit the page keeps a copy of its own files, so it works with no connection.
What is free and what is Zovo Pro?
Everything on this page is free. In the HTML Preview extension for VS Code, the live preview, scripts, console, widths and scroll sync are free too. Save as one HTML file, the accessibility and SEO check, and the link check for a folder are Zovo Pro, with 3 free tries each. One USD 19 payment covers the Pro tools in every Zovo extension.