小白我要学实用 Agent 教程与工具实测
目录

实用指南 · 策展层级 5

页面很好看，为什么还不能算一个能用的产品

用七项检查把 localhost（只在你自己电脑上打开的临时网址）页面补成别人能用的网站。

完成结果得到一张七项产品化检查表，能判断当前页面是漂亮演示、可公开预览，还是已经具备最小真实使用条件。

查看本文目录

证据与适用边界

尚未实测。该标记与来源核验状态独立，不代表使用效果。

预计时间
第一次检查建议预留 60 到 90 分钟。发现缺口后另算修复时间，不承诺一次完成。
成本边界
检查表免费。公开发布、域名、数据库、邮件、模型调用和安全服务可能产生费用；先保留平台网址也可以完成基础公开访问检查。
证据状态
官方一手来源已核验
最后核验
2026-07-14
生命周期
当前维护
评分覆盖
0%；综合评分 未计算

第一关：真实动作，而不是只能看的按钮

UI（页面上看得到和点得到的界面）可以很漂亮，但不等于按钮后面有真实结果。核心按钮必须能完成任务；暂时做不到的入口应该删掉或明确写“尚未开放”，不能点击后毫无反应。

  1. 点完所有核心入口

    操作
    从首页开始，依次点击主要按钮、导航和表单提交；每次只输入虚构内容。
    你应该看到
    每个入口都有真实跳转、成功提示或清楚的未开放说明。
    如何确认
    记录入口名称、操作前页面、操作后结果和失败截图。
    卡住时
    • 按钮只是装饰时先删掉链接样式。
    • 表单没有接收端时不要显示“提交成功”。

本节来源

第二关：等待、空白、报错和成功都看得懂

状态是页面在等待、没有内容、出错或完成时显示的样子。只录成功画面会漏掉真实使用中最常见的困惑。至少为核心动作准备等待、空白、报错和成功四种说明，并让人知道下一步能做什么。

  1. 故意制造一次失败

    操作
    断开网络或提交一个明确无效的虚构输入，再恢复正常并重试。不要在生产数据上做破坏性测试。
    你应该看到
    失败时页面不会卡死或假装成功，恢复后可以重试。
    如何确认
    四种状态都有可读文字，不只靠颜色区分。
    卡住时
    • 一直转圈时设置停止条件并给出重试入口。
    • 错误文字含技术代码时补一句普通话解释，同时保留原始代码供排查。

本节来源

第三关：手机上也能看清和点到

响应式是页面会跟着屏幕宽度重新排版。把浏览器缩窄不等于检查完成；要在真实的 390px 宽度下看标题、导航、按钮、表单、长链接和弹窗，还要用键盘走一遍核心操作。

  1. 检查 390px 和键盘操作

    操作
    在浏览器设备模式设为 390px，打开首页和一个深层链接；再只用 Tab、Enter 和 Escape 完成核心动作。
    你应该看到
    没有左右滚动，文字不被截断，焦点看得见，按钮可以点到。
    如何确认
    浏览器页面宽度与内容宽度一致，焦点顺序跟阅读顺序一致。
    卡住时
    • 横向滚动时先检查长链接、代码块、固定宽度图片和表格。
    • 弹窗关不掉时补键盘关闭和可见关闭按钮。

本节来源

第四关：隐私和密钥没有被公开

API key、token、密码和验证码都相当于账户钥匙。上线前检查代码、日志、页面文字、图片和提交记录，确认没有把这些钥匙、真实客户资料、私人邮箱或未授权素材放进公开网站。平台提供安全检查，也不能代替你核对实际内容。

  1. 发布前做一次敏感信息检查

    操作
    让 Agent 只读扫描待发布文件和提交差异，并人工检查页面、图片和表单字段。发现密钥时先停止发布并按对应服务说明撤销。
    你应该看到
    待发布内容不含密钥、验证码、真实隐私数据或无权使用的素材。
    如何确认
    保存扫描命令、人工检查范围和处理记录，不保存密钥本身。
    卡住时
    • 密钥进入提交历史时，单纯删除当前文件不够，先撤销密钥并评估历史清理。
    • 不确定能否使用的图片先替换成自己拥有的素材。

本节来源

第五关：搜索引擎知道这页讲什么

SEO 是让搜索引擎理解和收录页面的基础工作。每个重要页面要有说人话的标题和说明、唯一的正式网址、可访问的正文，以及正确的 robots 和 sitemap。robots 是告诉搜索引擎哪些页面可以抓取的规则，sitemap 是站点页面清单。没有这些设置不代表一定搜不到，有这些设置也不代表一定有排名。

  1. 核对首页和一条深层链接

    操作
    在构建结果中检查两页的 title、description、canonical、robots 和 sitemap。canonical 是这页认可的正式网址。
    你应该看到
    标题和说明与页面内容一致，两页正式网址不同且都出现在站点清单中。
    如何确认
    用公开网址查看页面源代码和 sitemap，不只看 localhost。
    卡住时
    • 多个页面标题完全一样时按各自任务重写。
    • 正式网址仍是 localhost 时先修配置再提交搜索平台。

本节来源

第六关：关掉 localhost，别人仍能打开

localhost 是只在你自己的电脑上提供页面的临时地址。公开网址必须以 https 开头，并且在没有登录你账户、没有启动本地服务的情况下也能访问。先验收平台给的部署网址，再处理自定义域名，能把构建问题和域名问题分开。

  1. 从另一种环境打开公开网址

    操作
    关掉本地服务，在无痕窗口或另一台设备打开部署首页和一个深层链接。
    你应该看到
    两页无需登录即可显示，地址栏不是 localhost，也不返回 404。
    如何确认
    记录公开网址、页面标题、检查时间和设备；截图不能代替真实打开。
    卡住时
    • 出现登录页时核对网站访问权限，不要把控制台链接当公开链接。
    • 首页正常但深层链接失败时检查路由和构建输出。

本节来源

第七关：改坏后能回到上一版

回退就是把公开网站恢复到上一个确认正常的版本。上线前记录当前正常部署、对应提交和负责人；更新后先查核心页面，出现严重错误就停止继续修改并回到上一版。Vercel 的正式上线清单也把发布、提升到生产和回退列为运行准备的一部分。

  1. 写下最小回退卡

    操作
    记录上一版正常部署网址、提交号、回退入口、触发条件和回退后要复查的两条网址。不要为了演示在生产站点执行回退。
    你应该看到
    遇到首页打不开、核心动作失效或隐私暴露时，有清楚的停止和恢复路径。
    如何确认
    另一位协作者只看回退卡也能找到上一版和复查范围。
    卡住时
    • 没有上一版时先保留当前平台部署网址和提交，再做下一次更新。
    • 涉及数据变化时先确认数据库是否能独立回退，不能只回退页面代码。

本节来源

内容关系

正向关系

构建生成的反向关系