HTML 图稿预览
AI 给你的是一整段 HTML 代码时,把它粘进来就能看到画面,再一键导出成 PNG 图片。整个过程在你的浏览器里完成,代码不会发到我们的服务器。
粘贴 HTML 代码不会上传
预览画面尚未预览
还没有代码
把 AI 生成的整段 HTML 复制到左边,这里会立刻显示画面。
三步用完
- 让 AI 输出一个完整的 HTML 文件(含 <!DOCTYPE html> 与 <style>),整段复制。
- 粘贴到左侧代码框,等一秒,画面自动出来;也可以点「预览」立即刷新。
- 满意后点「导出 PNG」保存图片,或用「新标签打开」看全屏效果。
画面不对的时候
- 图是空的,多半是代码没写完或者引了外部样式表——让 AI 把它需要的样式直接写进 <style> 里。
- 排版在手机上散掉,先切到「手机 375」看看,AI 写的宽度往往是按桌面算的。
- 导出失败一般是用了外部图片或在线字体,这种改用「新标签打开」截图最省事。
代码只保存在你自己的浏览器里,我们不接收、不存储、不分析。设备自带的截图工具随时可以替代本页。