---
title: 排查店面构建
description: 在发布前诊断空白、陈旧、损坏或视觉不正确的店面预览。
---

预览是发现店面问题的最安全地方。在重要页面和交互在那里工作之前，不要发布。

**入口路径：** Runner 文档 → **帮助和参考** → **排查店面构建**。

## 开始前

- 打开受影响的商店，并确定问题出现的页面和设备宽度。
- 在将最新 Runner 任务的结果与预览进行比较之前，让其完成。
- 首先使用预览；不要将损坏或不确定的结果作为测试发布。

## 从店面开始

1. 打开受影响的商店并选择**店面**。
2. 确认预览显示的是预期的项目和最新版本。
3. 重新加载预览一次。
4. 检查桌面和移动设备视图。
5. 通过预览导航打开受影响的页面。
6. 将结果与最新 Runner 任务和版本历史进行比较。

## 常见问题

| 您看到的内容 | 要检查的内容 |
| --- | --- |
| 空白或错误预览 | 等待活动构建完成，重新加载一次，并检查当前任务中的失败。 |
| 旧内容 | 确认最新任务已完成，预览在最新版本上。 |
| 布局在一个宽度处断裂 | 使用设备控件重现它，并告诉 Runner 页面、部分和宽度。 |
| 缺失图像 | 检查媒体库、资产选择以及图像本身是否加载。 |
| 链接打开错误的页面 | 在有针对性的更正中命名源按钮和预期目标。 |
| 产品缺失 | 验证产品存在且可用于店面，而不仅仅是页面看起来精美。 |
| 设计模式更改缺失 | 确认编辑已保存或应用，然后在预览中重新打开同一页面。 |

## 有用的控件

| 控件 | 结果 |
| --- | --- |
| 刷新预览 | 重新加载当前预览而不发布它。 |
| 设备选择器 | 更改预览宽度，以便您可以检查响应式布局。 |
| 打开预览或外部视图 | 打开更大的预览；它不会使商店上线。 |
| 设计模式 | 让您选择和调整可见的店面内容。 |
| 版本历史 | 显示已保存的版本和恢复控件。恢复会改变项目状态，所以请先审查。 |

## 使用有用的证据升级

包括项目名称、页面、设备大小、预期结果、可见结果、最新任务状态和不含个人或客户数据的屏幕截图。

## 相关指南

- [预览您的商店](../storefront-and-publishing/preview-your-store)
- [设计模式](../storefront-and-publishing/design-mode)
- [版本历史](../storefront-and-publishing/version-history)
- [排查 Runner 任务](./troubleshoot-runner-tasks)