免费 HTML 文件预览

无需注册和安装、在线即用的免费 HTML 预览工具。不仅是单个 HTML 文件,把 CSS·JS·图片·多个 HTML 页面一起上传或上传整个文件夹,相对路径和页面跳转都能原样预览。粘贴代码后右侧会实时显示结果。可以切换桌面·手机宽度确认响应式画面,也可以在新窗口打开或下载。所有处理都在浏览器中进行,文件不会外传。

文件
    代码
    预览

    使用方法

    1. 把要预览的 HTML 文件拖放或点击上传。把 CSS·JS·图片·多个页面或文件夹拖到“添加文件·文件夹”区域即可一起上传,也可以用“新建文件”·“新建文件夹”直接创建或粘贴代码。
    2. 点击左侧“文件”列表中的文件即可打开代码。选择 HTML 就会预览该页面。
    3. 修改代码区域后,开启“自动预览”时右侧结果会实时更新。点击预览中的链接会跳转到相应页面。
    4. 把预览宽度切换为桌面·平板·手机,确认响应式画面。
    5. 用“在新窗口打开”查看全屏,用“下载文件”保存当前文件,用“复制代码”把代码复制到剪贴板。

    这个免费 HTML 预览工具的特点

    • 完全免费 · 无需注册 · 无需安装 — 在线即刻使用
    • 在浏览器中处理、文件不会外传的安全预览
    • 从单个 HTML 到 CSS·JS·图片·多个页面,甚至整个文件夹上传都支持
    • 支持相对路径(../, ./)和 CSS·JS·图片自动关联、页面间链接跳转
    • 切换桌面·平板·手机宽度确认响应式布局
    • 在隔离的 sandbox 框架中连 JavaScript 也能安全运行
    • 支持在新窗口打开 · 复制代码 · 下载文件

    常见问题

    HTML 文件预览是免费的吗?

    是的,完全免费。无需注册或安装程序,直接在浏览器中即可使用。

    上传的 HTML 文件会被传送到服务器吗?

    不会。文件读取和预览渲染都在您的浏览器中进行,文件不会传送到外部服务器。

    可以直接输入代码进行预览吗?

    可以。不上传文件,直接粘贴或输入HTML代码,右侧就会实时显示结果。

    CSS·JS·图片分开的项目或文件夹也能预览吗?

    可以。一起上传多个文件或整个文件夹时,以相对路径关联的 CSS·JS·图片会自动生效,页面间的链接跳转也可用。.php 文件由浏览器内的 PHP 子集解释器执行基本语法(echo·变量·数组·条件·循环·常用内置函数)。但由于没有服务器,DB 连接·文件读取·网络请求等服务器功能,以及运行中用 fetch 加载文件的代码无法工作。

    可以确认在手机屏幕上的显示效果吗?

    可以。把预览宽度切换为桌面·平板·手机,就能确认响应式布局的显示效果。

    预览中的 JavaScript 也会运行吗?

    会。预览在隔离的 sandbox 框架中运行,不会影响页面本身,同时可以确认 HTML 和 JavaScript 的行为。