以访问者的视角查看页面.

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

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

切换到预览并切回

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

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

您会看到的内容

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

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

检查窄屏幕

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

预览或已发布页面

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

如果您没有看到预览

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

接下来做什么？