预览你的网站

预览你的网站

使用预览功能在发布前查看您的网站和交互效果。

预览页面

  1. 点击任意页面左上角的 播放按钮,或使用快捷键:

    • ⌘ + P(macOS)。

    • CTRL + P(Windows)。

  2. 退出时,点击 关闭按钮 或按下 ESC 键。

Framer 编辑器中空白画布的截图。

在预览模式下,调整视口大小以测试页面的响应式效果和断点。

预览特定页面或断点:

  • 在画布中的任意元素上选择 预览图标

  • 例如,在画布上选择平板断点,然后点击预览图标。预览将匹配该断点的宽度。

注意:通过“设置”添加的自定义代码不会在预览中显示。这些更改仅在已发布的网站上可见。

Create a free website with Framer, the website builder loved by startups, designers and agencies.