# 网站实时预览：看着 AI 一步步搭建

> 在对话旁边看到真实网站，看着 AI 一边写页面一边填满，像访客一样点击链接，并在桌面、平板和手机三种视图之间随时切换查看。

- 规范网址: https://uebfaqe.ai/zh/gongneng/shishi-yulan
- 板块: 逐项功能
- 语言: zh
- 发布方: Uebfaqe (https://uebfaqe.ai)

## 摘要

预览就是你的网站本身，不是截图。页面随着 AI 编写而出现，链接和按钮都能用，你还能检查一切在手机上的样子。

## 关键事实

- 看着它写出来: AI 工作时，新页面会从上到下逐步填满，你看到的是进度而不是转圈，发现不对还能及早介入。
- 像访客一样浏览: 菜单和链接在预览中都能用。“后退”“前进”“首页”和页面列表帮你来回切换，外部链接会在新标签页打开。
- 桌面、平板、手机: 切换视图，在发布前检查每种屏幕尺寸下的间距、菜单和长标题，不需要准备三台设备。

看着真实网站建起来，还能逐页浏览

## 使用方式

1. **打开项目**: 从“网站”里打开一个网站。预览占据编辑器的主要区域，旁边是“消息”或“编辑”。
2. **浏览并切换视图**: 使用页面列表以及“后退”和“前进”按钮，选择“桌面”“平板”或“手机”来改变视图大小。
3. **截图后发布**: 点“截图”，可以下载、复制或用在对话里；预览没问题后，点“发布”。

## 常见问题

### 预览和发布后的网站一样吗？

它们由同一批文件生成，所以你点“发布”后，访客看到的就是你现在看到的样子。在那之前，修改只留在编辑器里，线上网站的访客看不到。

### 能查看网站在手机上的效果吗？

能。在视图切换器里选“手机”查看移动端布局，选“平板”查看中间尺寸。发布前最好在小屏幕上检查一下菜单、按钮和长标题。

### 表单和按钮在预览里能用吗？

在页面之间跳转的链接和按钮在预览里都能用。依赖线上网站的功能，比如通过函数保存提交内容的表单，要在发布后才开始工作。

## 相关功能

- [与 AI 对话](https://uebfaqe.ai/zh/gongneng/ai-duihua-bianji): 用简单的话提出任何修改，附上图片或文档，还能直接指出你说的是哪个元素。
- [适配所有设备](https://uebfaqe.ai/zh/gongneng/yidong-shipei): 网站在手机、平板和电脑上都好看，发布前每个尺寸你都能自己检查。
- [可视化编辑器](https://uebfaqe.ai/zh/gongneng/keshihua-bianjiqi): 点击任意元素，手动改文字、颜色、间距和边框，完全不用碰代码。

---

来源: https://uebfaqe.ai/zh/gongneng/shishi-yulan