---
lastModified: 2026-10-12
type: feature
title: "网站预览工具：检查商店页面"
description: "使用 Runner AI 的网站预览工具，逐页浏览商店、确认所查看的版本，并检查可用的错误信息。在决定发布前，核对已保存的修改是否出现在目标页面。预览用于观察项目结果，不代表公开商店、库存、配送、支付连接或结账已经验证通过。发现问题时，向 Runner 提供页面路径、设备视图、操作步骤和预期结果，再复查修正后的页面。"
category: ai-websites
h1: "用网站预览工具核对当前商店"
keyword: "website preview tool"
legacyKind: structured
---

**网站预览工具**让您在决定发布之前检查店面。Runner AI 将商店项目打开为可交互的预览，提供页面导航、设备视图、刷新，以及可用的错误详情。先选择商店和要检查的页面。得到的是可以在 Runner 聊天中讨论的项目观察结果，而不是一张被误认为公开商店已经正常运行的截图。

## 在网站预览工具中打开目标版本

在 Runner 工作区选择商店，打开 **Online Store**。预览需要已有店面，或能够显示的版本。如果 Runner 询问店面应该是什么样，请先描述要创建的第一个版本，不要期待空项目已经包含完整商店。如果构建或预览准备仍在进行，先查看进度，再判断结果。

报告问题前，确认您正在看哪个版本。有版本控件时，当前版本标签会区分最新店面与较早的预览。已完成对话中的版本卡片可能打开那次任务的历史结果；没有已保存历史的旧项目则可能使用当前预览。即使首页看起来相似，它们也是不同的检查对象。

任务完成不等于最新结果已进入预览。如果新版本未能成功成为预览版本，界面可能仍显示上一个成功版本。将可见内容、版本标签与您提出的修改对照。例如，要求重写系列介绍后，应找到那段介绍，而不是把任务完成状态当作内容已经出现的证明。

## 沿着商店路径浏览，而不只看首页

像顾客一样使用预览导航。从首页进入系列，再打开商品。确认目标页面实际加载，路径也按预期改变。首页截图无法告诉您菜单目标是否缺失，也无法证明商品链接没有指向错误页面。

路径输入框可以打开同一预览站点中的已知页面。在控件可用时输入路径并按回车。它不是任意外部网址查看器；无效或外部地址不会作为商店导航被接受。当预览历史支持相应操作时，可用后退、前进重新查看页面，无需离开 Runner 项目。

为每个重要目标记录预期结果。在商品页，将标题、图片、价格、选项和购买控件与已核实的商品目录对照。除了直接输入路径，还要点击链接，因为页面本身可能正常，菜单链接却仍然错误。[响应式网站测试](/zh/responsive-site-testing)介绍另一项相邻工作：在桌面、平板和手机视图中检查同一顾客流程。

## 刷新已保存的修改，报告可复现的问题

修正后，等更新后的预览可用，再返回受影响路径。刷新只重新加载可见预览，不会发布商店。先保存 Design Mode 中待保存的修改，因为刷新可能清除当前选择及其撤销、重做历史。反复刷新不能替代处理构建失败或工作区不可用的问题。

阅读 Runner 显示的状态。正在准备或重新连接的预览不等于已经就绪的页面。历史版本加载失败时，如有可能先返回当前版本，并报告失败的版本。如果出现预览错误栏，展开详情。通过提供的修复或对话操作把诊断交给 Runner；关闭错误栏只是隐藏消息。

如果是没有诊断信息的视觉或导航问题，请在聊天中提出范围明确的请求。包括商店、已知版本、路径、设备视图、初始状态、操作、预期结果和实际结果。要求修正受影响部分，同时保留其他内容。[AI 网站编辑器](/zh/ai-website-editor)介绍这一编辑流程。Runner 完成后重复原始步骤，不要把一条新回复当作问题消失的证据。

## 将预览检查与公开发布分开

网站预览工具用于判断项目修改是否符合要求，并不认证所有已连接系统。需要更大空间时，可以在新标签页打开预览，但更大的浏览器窗口仍是预览。切换设备视图或打开新标签页，都不会让店面变成公开商店。

顾客依赖的事实应在负责这些数据的系统中核实。可见商品信息不证明实时库存、配送资格、支付连接或结账准备已经正确。购买测试应在适当且获授权的环境中进行。设备视图有助于检查布局，但不能替代真实手机上的重要交互测试、键盘访问检查，或单独的性能测量。

当前版本通过检查后，发布仍是独立操作，并有自己的访问和就绪检查。[发布网站](/zh/publishing-a-website)介绍发布决定及公开地址验证。如果公开商店仍显示旧内容，应将发布结果与已检查版本对照，而不是刷新预览并期待顾客看到的页面自动变化。网站预览工具提供的是已观察场景的证据，不是自动上线许可。

## 网站预览工具常见问题

### Runner AI 的预览是截图生成器吗？

不是。Runner AI 打开店面项目供您进行交互检查。您可以点击商店链接、检查已知路径，并使用该项目可用的控件。它不是抓取任意公开网址截图或检查社交分享卡片的通用服务。请选择能提供目标结果的工具，不要把不同类型的预览视为同一种功能。

### 为什么任务完成后可能仍显示旧版本？

任务完成和预览更新是不同结果。已保存的版本卡片可能有意打开较早任务的结果。如果新工作未能成功成为预览版本，当前预览也可能保留上一个成功版本。先检查版本标签及您要求的可见修改，再判断是否正在查看最新结果。

### 预览页面出错时应该给 Runner 什么信息？

提供路径、已知版本、设备视图、初始状态、操作、预期结果和实际故障。有错误详情时一并提供，但不要包含凭据。请求一项明确修正，并说明哪些内容必须保持不变。修正后在更新后的预览中重复相同步骤，确认结果。

### 刷新或打开预览会发布商店吗？

不会。刷新重新加载预览，在新标签页打开则提供更大的检查空间。刷新前先保存 Design Mode 中未保存的工作。发布需要独立操作和检查，之后还要查看公开商店。网站预览工具中的检查通过，并不能证明顾客能够完成结账。

[探索 Runner AI 的全部功能](/zh)