雷子快递助手

HTML 图稿预览

AI 给你的是一整段 HTML 代码时,把它粘进来就能看到画面,再一键导出成 PNG 图片。整个过程在你的浏览器里完成,代码不会发到我们的服务器。

预览宽度
等待粘贴代码
粘贴 HTML 代码不会上传
预览画面尚未预览

还没有代码

把 AI 生成的整段 HTML 复制到左边,这里会立刻显示画面。

三步用完

  1. 让 AI 输出一个完整的 HTML 文件(含 <!DOCTYPE html> 与 <style>),整段复制。
  2. 粘贴到左侧代码框,等一秒,画面自动出来;也可以点「预览」立即刷新。
  3. 满意后点「导出 PNG」保存图片,或用「新标签打开」看全屏效果。

画面不对的时候

  • 图是空的,多半是代码没写完或者引了外部样式表——让 AI 把它需要的样式直接写进 <style> 里。
  • 排版在手机上散掉,先切到「手机 375」看看,AI 写的宽度往往是按桌面算的。
  • 导出失败一般是用了外部图片或在线字体,这种改用「新标签打开」截图最省事。

代码只保存在你自己的浏览器里,我们不接收、不存储、不分析。设备自带的截图工具随时可以替代本页。