--- type: feature title: "用 AI 克隆网站，打造可审查的店铺前台" description: "使用 AI 网站克隆功能，将获准使用的公开 URL 转化为归你所有的店铺前台文件、路由和响应式预览，并在发布前逐项检查。" category: ai-websites h1: "用 AI 克隆网站，生成归你所有的店铺前台代码" keyword: "ai website cloning" legacyKind: structured --- Runner AI 的 AI 网站克隆功能从你获准使用的公开 URL 开始，采集页面中可见的设计和结构，并将这个参考转化为项目内的店铺前台文件。Runner 不会止步于截图或与项目脱节的原型，而是构建可运行的路由、收集本地资源，并提供响应式预览和改动文件，让你在发布前完成审查。 ## Runner AI 如何克隆网站 首先提供公开 URL，并明确要重建的一个或多个页面。Runner 的“克隆网站”技能会采集整页截图、页面结构、内容、图片 URL、字体、颜色、间距和推断出的品牌角色。如果提取出的信号相互冲突，以截图作为视觉事实来源。如果请求中指定了多个公开页面，Runner 可以检查同源链接并创建对应的店铺前台路由；如果范围不清楚，它会先请你缩小范围，再开始编辑。 采集结果会成为实现所需的背景，而不是不加判断地照搬一切。Runner 会规划页面区块，将获准使用的图片下载到项目中，而不是直接引用原站图片，并在沙盒工作区中创建或更新店铺前台代码。产出是在预览中可以访问的页面，而不只是一份设计文件。你可以同时检查路由、源代码改动、布局和响应式表现，再针对具体问题提出修订；原始参考和项目背景会继续保留在工作区中。 ## 将公开 URL 视为证据，而不是授权 网站克隆有明确的权利边界。请使用你拥有的网站、由你的团队控制的页面，或你已获得复制许可的参考。Runner 的产品指南不允许处理登录页面、网络钓鱼用途，以及涉及法律、道德、隐私或其他敏感问题的网站。公开页面可以被访问，并不代表你有权重复使用其中的商标、文案、摄影作品、代码、客户信息或具有独创性的内容。 应将来源视为设计方向的证据，再决定哪些内容适合你的店铺前台。保留能够帮助购物者完成任务的布局思路，用经过核实的商品和品牌事实替换借用的内容，并且只保留你有权使用的资源。对于范围更广的结构调整项目，[电商网站改版](/zh/ecommerce-website-redesign) 介绍了如何将当前店铺的证据连接到新的页面体系。Runner 可以实现边界明确的改动，但权利、商品声明、无障碍、隐私和发布审批仍由你的团队负责。 ## 从采集到的设计生成归你所有的店铺前台路由 一般的网站克隆工具往往以导出的 HTML、Figma 画面或原型作为终点。Runner AI 则直接在店铺前台项目中工作。采集过程识别视觉角色和页面区块后，Runner 会下载相关且获准使用的资源、构建组件和路由，并按照你指定的范围接好导航。因此，产出可以用于真实的电商工作流：商品背景、分类路径、行动按钮和移动端表现都能在将来继续迭代的同一代码库中接受审查。 实现过程仍需要明确的产品信息。参考 URL 无法揭示你的商品目录事实、价格、库存规则、配送承诺、结账归属、分析要求或客户政策。请明确提供这些事实，并要求 Runner 标出缺失信息。[无代码网站构建器](/zh/no-code-website-builder) 介绍了相邻的提示词到代码工作流，而[电商网站模板](/zh/ecommerce-website-templates) 则说明了如何围绕你自己的商品目录构建可复用结构。AI 网站克隆的区别在于，它从一个获准使用的具体 URL 获取起始证据，而不是从空白简报或通用模板开始。 ## 发布前审查视觉偏差 Runner 会对照采集的截图验证构建结果，并检查间距、颜色角色、边框、阴影、字体和悬停状态等可见细节。打开响应式预览，在移动端和桌面端宽度下比较信息层级。随后检查改动文件和路由行为，避免一个看起来合理的页面掩盖导航失效、状态缺失、控件不符合无障碍要求，或内容与店铺数据冲突等问题。 将第一版结果视为可审查的方案。针对具体区块、组件、断点或资源提出精确修正，而不是重新制作整个页面。发布前应测试真实的商品旅程，包括链接、表单、搜索、购物车交接和结账归属。动画和私有后端行为无法从公开 URL 中完整还原，因此请另行说明并验证这些要求。只有当店铺前台代码和预览符合已授权的简报后，才应明确决定是否发布。 ## AI 网站克隆常见问题 ### Runner AI 克隆网站设计需要哪些输入？ 请提供你获准使用的公开 URL，并说明准确的页面范围。如果页面用于店铺，还应补充商品目录事实、品牌规则、必需路由和期望的购物者操作。如果需要参考私有体验，请提供经过批准的截图，不要提供凭据或登录页面。清晰的范围有助于 Runner 采集正确的参考、收集获准使用的资源，并构建预期的店铺前台路由。 ### Runner AI 会通过 URL 复制网站后端吗？ 不会。公开 URL 可以展示可见结构、内容、样式和资源，但不会暴露私有数据库、安全服务、业务规则或需要身份验证的行为。Runner 使用参考来创建店铺前台代码，并可以根据你提供的有效项目背景实现指定功能。商品目录、结账、集成、隐私、安全和运营要求必须由你另行提供并验证。 ### Runner 构建完成后，我还能编辑克隆的店铺前台吗？ 可以。产出会以店铺前台文件和路由的形式保存在项目工作区中，并提供可运行的预览供你审查。你可以针对文案、信息层级、组件、响应式布局或交互提出具体修改，再检查更新后的文件和可见结果。与只收到一张扁平截图不同，这套实现会保留下来，供后续工作和技术审查使用。 ### 使用 AI 克隆网站合法吗？ 是否合法以及可以复用到什么程度，取决于所有权、许可、合同、商标、版权、隐私和所涉及的内容。只使用你拥有或获准复制的参考和资源，并用你自己企业的已验证事实替换来源网站中的声明。Runner 的克隆指南拒绝登录页面、网络钓鱼以及敏感或可疑用途，但你的团队仍应根据具体情况获取适当的法律意见。 ## 将获准使用的参考转化为可审查的店铺前台 提供获准使用的公开 URL、范围内的页面、经过核实的商品目录和品牌事实，以及产出必须支持的购物者操作。Runner AI 可以交付归你所有的店铺前台文件、可访问路由和响应式预览，让团队在决定是否发布前逐项检查。 [在 Runner AI 中开始克隆网站](https://www.runnerai.com/zh/auth/login?prompt=%E8%AF%B7%E4%BD%BF%E7%94%A8%E8%BF%99%E4%B8%AA%E8%8E%B7%E5%87%86%E4%BD%BF%E7%94%A8%E7%9A%84%E5%85%AC%E5%BC%80%E7%BD%91%E7%AB%99%20URL%E3%80%81%E6%88%91%E6%8C%87%E5%AE%9A%E7%9A%84%E9%A1%B5%E9%9D%A2%E3%80%81%E7%BB%8F%E8%BF%87%E6%A0%B8%E5%AE%9E%E7%9A%84%E5%95%86%E5%93%81%E7%9B%AE%E5%BD%95%E5%92%8C%E5%93%81%E7%89%8C%E4%BA%8B%E5%AE%9E%EF%BC%8C%E4%BB%A5%E5%8F%8A%E6%88%91%E8%AF%B4%E6%98%8E%E7%9A%84%E8%B4%AD%E7%89%A9%E8%80%85%E6%93%8D%E4%BD%9C%EF%BC%8C%E6%9E%84%E5%BB%BA%E5%BD%92%E6%88%91%E6%89%80%E6%9C%89%E7%9A%84%E5%BA%97%E9%93%BA%E5%89%8D%E5%8F%B0%E6%96%87%E4%BB%B6%E5%92%8C%E5%8F%AF%E8%AE%BF%E9%97%AE%E8%B7%AF%E7%94%B1%E3%80%82%E8%AF%B7%E5%B1%95%E7%A4%BA%E4%BF%AE%E6%94%B9%E8%BF%87%E7%9A%84%E6%96%87%E4%BB%B6%E5%92%8C%E5%93%8D%E5%BA%94%E5%BC%8F%E9%A2%84%E8%A7%88%EF%BC%8C%E4%BB%A5%E4%BE%BF%E6%88%91%E5%9C%A8%E5%8F%91%E5%B8%83%E5%89%8D%E5%AE%A1%E6%9F%A5%E8%A7%86%E8%A7%89%E5%81%8F%E5%B7%AE%E3%80%81%E7%BC%BA%E5%A4%B1%E4%BA%8B%E5%AE%9E%E5%92%8C%E8%B7%AF%E7%94%B1%E8%A1%8C%E4%B8%BA%E3%80%82) ## 相关功能 - [审查电商网站改版](/zh/ecommerce-website-redesign) - [使用无代码网站构建器创建网站](/zh/no-code-website-builder) - [探索 Runner AI 全部功能](/zh)