HTML 在线预览

粘贴完整 HTML 页面或片段，在隔离预览区查看内联 CSS 效果。支持文件导入、自动刷新、固定屏幕宽度和 HTML 源码下载。

输入与结果示例

<style>h1 { color: #168447; }</style>
<h1>你好，HTML！</h1>
<p>修改内容即可预览。</p>

使用范围与注意事项

• 此版本用于 HTML/CSS 静态预览，不运行 JavaScript，不提交表单或打开页面链接。
• 外部脚本、样式、字体和远程图片不加载；内联样式和常见 Base64 位图可显示。需要外部依赖的完整站点请在自己的开发环境运行。
• 固定宽度通过横向滚动查看，适合核对响应式 CSS；全屏功能取决于浏览器支持。
• 下载与复制保留原始源码，而非清理后的预览内容。下载到本地后，浏览器运行规则与站内隔离预览不同。

常见问题

按钮点击为什么没有执行代码？

预览不运行 JavaScript，仅展示 HTML/CSS 布局和样式；按钮可以显示，但绑定脚本不会执行。

可以上传多个 HTML、CSS 和图片文件吗？

目前导入一个 HTML 文本文件，外部相对路径不会自动映射。请将 CSS 写在 style 中，需要图片时可使用支持的 Base64 位图。