分享卡片预览
功能亮点
标题描述配置
自由填写分享标题和描述文字，实时查看在微信聊天卡片中的展示效果，优化分享文案。
封面图上传预览
上传本地图片作为分享封面，即时查看卡片效果，确保封面图比例和裁剪效果符合预期。
微信聊天模拟预览
模拟微信聊天气泡中的分享卡片样式，包括标题截断、描述显示和封面图位置，所见即所得。
字符实时计数
标题和描述输入时实时显示字符计数，帮助控制在微信限制范围内，避免因超长被截断。
自动生成分享代码
根据标题、描述、路径和封面图自动生成完整的 onShareAppMessage 代码，一键复制到项目中。
使用步骤
- 填写分享标题（不超过 50 字符）、分享描述和分享页面路径
- 上传分享封面图（建议 5:4 比例，不超过 200KB）
- 右侧实时预览微信聊天中的分享卡片效果，检查标题和封面的展示情况
- 复制生成的 onShareAppMessage 代码到小程序页面中使用
关于分享卡片预览
微信小程序分享到聊天窗口时显示的卡片，由 onShareAppMessage 返回的 title（标题）和 imageUrl（封面图，5:4 比例、建议 200KB 以内 PNG/JPG）决定。这个卡片的视觉效果直接影响分享的点击率——标题不够吸引人、封面图模糊或截断，分享效果大打折扣。本工具可模拟微信聊天界面中的分享卡片样式，实时预览标题（含截断效果）和封面的展示效果，并生成对应的 onShareAppMessage 代码。适合小程序开发者在设计分享策略、优化裂变效果时预览卡片的「实机效果」而非凭空想象。
常见问题
- 分享卡片的标题有什么限制？
微信规定分享标题不超过 30 个字符（一个中文字 = 1 个字符）。超出部分会被截断为省略号
...。由于聊天界面的卡片空间有限，实际可展示的字符数受设备宽度影响——窄屏手机可能 25 个字符就截断了。建议标题控制在 20-25 个字符以内，把核心卖点放在最前面。另外，标题不能包含过多特殊符号（如连续感叹号、emoji 可能显示异常）。- 分享封面图有什么要求？
尺寸比例 5:4（如 500x400px），格式 PNG 或 JPG，建议文件 < 200KB。大图会被自动压缩缩略，小图会被拉伸——所以最好提供精确 5:4 比例的图片以避免变形。常见坑：① 用正方形图（1:1）会被左右裁切或留白；② 图片中有重要文字靠边——在聊天界面左下角的圆角区域内可能被裁掉；③ PNG 透明背景的图片在微信中可能显示为黑色背景。