---
url: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/editing/preview-mode'
title: '以访问者的视角查看页面 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T13:52:44+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Preview 会隐藏所有控制栏和加号按钮，让您以访问者看到的样子查看页面。保存前可用它检查布局：它也会显示您未保存的更改。该视频预览了一个已完成的版块，切回编辑，保存，然后用键盘打开 Preview。'
tags:
  - 'Edit a page'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 以访问者的视角查看页面
      description: 'Preview 会隐藏所有控制栏和加号按钮，让您以访问者看到的样子查看页面。保存前可用它检查布局：它也会显示您未保存的更改。该视频预览了一个已完成的版块，切回编辑，保存，然后用键盘打开 Preview。'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T13:52:44+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/editing/preview-mode'
      articleSection: 编辑页面
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/editing/preview-mode'
      description: 'Preview 会隐藏所有控制栏和加号按钮，让您以访问者看到的样子查看页面。保存前可用它检查布局：它也会显示您未保存的更改。该视频预览了一个已完成的版块，切回编辑，保存，然后用键盘打开 Preview。'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 首页
            item: 'https://dxpr.com/zh-hans'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: zh-hans
---
[帮助中心](/zh-hans/node/75)/[文档](/zh-hans/hc/documentation) /[学习 DXPR Builder](/zh-hans/hc/documentation/learn-dxpr-builder) /[搭建页面](/zh-hans/hc/documentation/learn-dxpr-builder/build) /[编辑页面](/zh-hans/hc/documentation/learn-dxpr-builder/editing) # 以访问者的视角查看页面.

 学习 DXPR Builder搭建页面编辑页面

   ## 本指南内容

 相关指南

- [保存并发布您的页面](/zh-hans/hc/documentation/learn-dxpr-builder/editing/save-and-publish)
- [在手机或平板电脑上编辑页面](/zh-hans/hc/documentation/learn-dxpr-builder/editing/mobile-editing)
- [让布局适配手机](/zh-hans/hc/documentation/learn-dxpr-builder/design/responsive-design)

Preview 会隐藏所有控制栏和加号按钮，让您以访问者看到的样子查看页面。保存前可用它检查布局：它也会显示您未保存的更改。该视频预览了一个已完成的版块，切回编辑，保存，然后用键盘打开 Preview。

  ## 切换到预览并切回

1. 点击 DXPR 工具栏上的 **眼睛图标**，从视图菜单中选择 **Preview**。
2. 检查页面：控制栏和加号按钮已隐藏，与访问者看到的一致。
3. 再次打开视图菜单，选择 **Edit** 继续工作。您未保存的更改会保留。
4. 点击 **Save** 保存页面。

您也可以按 **Ctrl+Shift+P**（在 Mac 上按 **Cmd+Shift+P**）开关 Preview。

## 您会看到的内容

- **没有编辑辅助元素。**控制栏、悬停轮廓、加号按钮和选中元素的轮廓都不见了。
- **工具栏上有红色眼睛。**Preview 开启时，DXPR 工具栏上的眼睛图标显示为红色删除线。工具栏保留，因此您可以随时切回。
- **无法编辑文本。**点击文本不会打开文本编辑器，直到您重新选择 **Edit**。

构建器会在此浏览器中记住您的选择。如果您让某个页面停留在 Preview 中，下一个编辑的页面也会在 Preview 中打开。

## 检查窄屏幕

切换到 Preview，将浏览器窗口调窄。新行在平板宽度及以上并排放置其列，在手机上堆叠。请检查每个堆叠的列是否仍然易读。[响应式设计](/zh-hans/hc/documentation/learn-dxpr-builder/design/responsive-design)介绍了如何按屏幕尺寸更改此行为。

## 预览或已发布页面

Preview 显示编辑器中当前的内容，无论是否保存。访问者看到的是上次保存的版本，且仅在页面发布后可见。要完全以访问者的视角查看页面，请在浏览器的隐私窗口中打开它。

## 如果您没有看到预览

- **页面打开时没有任何控制栏。**您让上一个页面停留在了 Preview 中，构建器保留了该选择。请打开视图菜单，选择 **Edit**。
- **快捷键不起作用。**当光标位于正在编辑的文本中时，快捷键会暂停。请点击文本之外，再按一次 **Ctrl+Shift+P**。
- **访问者看不到 Preview 显示的内容。**Preview 包含未保存的更改，而访问者只能看到已发布的页面。请点击 **Save**，然后按[保存并发布您的页面](/zh-hans/hc/documentation/learn-dxpr-builder/editing/save-and-publish)中所述发布页面。

## 接下来做什么？

- [保存并发布您的页面](/zh-hans/hc/documentation/learn-dxpr-builder/editing/save-and-publish)：存储更改并让访问者可见。
- [在手机或平板电脑上编辑页面](/zh-hans/hc/documentation/learn-dxpr-builder/editing/mobile-editing)：触摸屏上编辑器的变化。
- [响应式设计](/zh-hans/hc/documentation/learn-dxpr-builder/design/responsive-design)：控制布局如何适应各种屏幕尺寸。