HTML预览

粘贴HTML，即可在手机或电脑浏览器中预览网页。

输入的HTML不会发送或保存。

HTML输入

粘贴完整HTML文档或片段，然后点击预览。

在宽屏上停止输入后会自动更新预览。运行 JavaScript 时请使用按钮更新。

运行JavaScript

仅对可信HTML启用。运行环境限制访问父页面、存储、外部资源及提交表单。

预览

仅在浏览器内

粘贴HTML后，可在此查看预览。

支持的CDN与Mermaid用法

支持以下固定URL的CSS。为pre或div元素添加class="mermaid"即可自动绘图。CDN功能需要网络连接。

Bootstrap 5.3.8<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css">
Font Awesome 7.3.0<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.3.0/css/all.min.css">

Noto Sans JP<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap">
JetBrains Mono<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap">

Mermaid 12.2.0

<pre class="mermaid">
graph TD
  A[HTML] --> B[Preview]
</pre>