本篇介绍两种预览:浏览器预览用于快速检查页面,平台扫码预览用于在微信或支付宝中验证真实效果。发布前建议两种都完成。 两种预览的区别 方式 适合检查 是否需要绑定平台小程序 浏览器预览 页面内容、手机尺寸、基础点击和页面跳转 不需要 微信或支付宝扫码预览 真机样式、平台授权、登录、支付、位置等能力 需要 在浏览器中检查 等待右侧预览加载完成。 使用预览工具栏切换不同手机设备,检查窄屏和长屏效果。 使用预览地址栏切换小程序页面,逐页检查内容。 点击主要按钮,验证页面跳转、表单输入、弹窗和返回操作。 修改后点击小程序胶囊中的刷新操作,确认最新结果已经生效。 检查时重点确认: 文字没有被截断或遮挡; 按钮完整显示且容易点击; 页面可以正常上下滚动; 表单可以输入,提交后有明确反馈; 多页面之间可以进入和返回; 空数据、加载中和失败状态都有明确提示。 扫码真机预览 开始前,请先通过右上角“发布”面板绑定目标平台小程序。未绑定时,扫码预览入口会提示先完成绑定。 步骤 操作 完成标志 1 确认当前修改已经生成并保存为最新版本 历史版本中可以看到最新结果 2 在预览操作区点击“微信预览”或“支付宝预览” 操作区旁开始生成对应平台二维码 3 等待平台构建完成 页面出现可扫描二维码,没有失败提示 4 使用对应 App 扫码 小程序在手机中打开 5 在真机上复查核心页面和操作 页面显示和交互符合预期 生成真机预览会构建并向所选平台发送当前版本代码,耗时通常长于浏览器预览。生成过程中不要反复点击同一平台入口。 真机检查清单 微信二维码使用微信扫描,支付宝二维码使用支付宝扫描; 检查顶部导航、底部安全区域和系统弹窗是否正常; 涉及登录、手机号、位置、相册、摄像头或支付时,逐项触发授权; 涉及接口请求、上传或下载时,同时检查小程序服务器域名配置; 微信和支付宝都要发布时,两端分别扫码检查,不能用其中一端代替另一端。 下一步 发布到微信: 绑定微信小程序 发布到支付宝: 绑定并发布支付宝小程序