用户登录
个人主页 用户中心 我的订单 添加授权 管理授权
退出登录
用户登录 用户注册
欢迎来到 UC建站系统
HTML 预览器
index.html
1
预览

粘贴代码后点击「运行」查看效果

就绪

使用说明

功能说明

功能说明
代码输入左侧深色代码区,支持粘贴/输入,带行号、Tab 缩进
实时预览粘贴后自动运行,也可点「运行」手动刷新
视口切换自适应 / 桌面(1280) / 平板(768) / 手机(375)
示例代码一键填入演示页面,快速体验
复制 / 下载复制到剪贴板 / 保存为 index.html
新窗口新标签页打开预览,效果最真实
清空一键清空代码区和预览区
隐私安全代码仅在本机浏览器运行,不存储、不上传

使用步骤

  1. 打开工具页面,左侧是代码区,右侧是预览区。
  2. 粘贴 HTML 源码:把网页源码完整粘贴进左侧代码区(支持整页 <!DOCTYPE html> 起,也支持只粘贴 body 片段)。
  3. 查看效果:粘贴后右侧自动预览;没自动刷新就点顶栏「运行」。
  4. 切换屏幕尺寸:点「自适应 / 桌面 / 平板 / 手机」查看不同设备下的显示。
  5. 导出或复用:复制 → 进剪贴板;下载 → 存成本地 index.html;新窗口 → 独立标签页打开。
  6. 继续编辑:直接改左侧代码,预览自动更新。

常见问题

Q1:点击「运行」没反应,预览区空白?
可先点「新窗口」在新标签页打开查看;若仍无显示,请检查代码是否有语法错误,或更换 Chrome / Edge 浏览器重试。

Q2:提示「弹窗被拦截」?
点「新窗口」时被浏览器拦截,请在地址栏允许本站弹窗后重试。

Q3:代码里的图片不显示?
使用相对路径(如 img/logo.png)的图片,在线预览时可能找不到原文件;外链图片需联网加载,部分网站有防盗链限制。

Q4:我粘贴的代码会泄露或被保存吗?
不会。代码全程只在您本机的浏览器中处理,不存储、不上传服务器,关闭页面即清空。

Q5:支持哪些代码?
支持 HTML、CSS、JavaScript,可直接粘贴完整网页源码。

Q6:手机上如何使用?
页面底部有「代码 / 预览」切换按钮,点「预览」查看效果,点「代码」返回编辑区。

Q7:推荐使用哪些浏览器?
建议使用 Chrome、Edge、Safari 等现代浏览器的最新版本,兼容性最佳。

在线客服
👇找客服拿折扣
QQ咨询&售后
在线时间
11:00 ~ 5:30
QQ:3155555535
👇联系QQ
👇联系WX
首页 程序 帮助 登录