# ViewWheel 网页迭代记录 ## 2026-09-13 · 5.1-V17 移动适配与反馈版 - 新增中英文反馈与联系页面，并在导航、下载区和页脚提供入口。 - 完成移动端反馈页面与下载、教程区域适配。 - 网站下载包更新为 ViewWheel v8.1.7，包含操作教程、反馈入口和界面拖动功能。 - 修复版本记录入口并同步中英文页脚版本信息。 ## 2026-09-11 · 5.1-V10 对应关系修正版 - 修复开始体验按钮叠加滚动留白导致停在首页尾部的问题。 - 将汇总段落拆成可定位的逐句 span，四个箭头分别对应原评论和具体回复，不再连到同一个段落开头。 - 加强虚线可见性，扩展汇总区和中栏，恢复白色玻璃 comment 标签质感。 - 03 字号与布局保持 V09；原插件、下载与双语截图不变。 - 中英文 10 组按钮落点/箭头终点检查通过；检查包含正常平滑滚动和减少动态效果模式。局部动效检查保持。 - 独立输出 V10，旧版不覆盖。 ## 2026-09-11 · 5.1-V09 原稿细节校准版 - 修复 1700px 以下评论行没有相对定位，导致五个分级标记叠在一起的问题。 - 恢复左五右六 comment 标签及错落到规整的排列；补回原稿说明文案与说明块。 - 连接线根据文本末端与对应汇总段落定位，窗口变化后重新计算。 - 增大汇总图及剪贴板字号，替换剪贴板中文字体回退；不修改原插件样式和下载包。 - 首屏按浏览器可用高度布局，修复宽屏但窗口高度不足时被大屏固定样式覆盖的问题。 - 两种语言、9 组窗口共 18 组专项检查通过；双语流程 32 项、局部动效 6 项及教程专项 34 项检查通过。 - 本版为独立目录，V08 和更早版本不覆盖。 ## 2026-09-11 · 5.1-V08 流程动效版 - 重新读取 Figma 三个流程画板，核对标题、图示、步骤说明和标签位置。保留首页可编辑结构及渐进模糊。 - 修正早先对批注的误读：删除整块平移、头像缩放和结果入场。仅高亮底色/下划线横向显现、圈线描画。 - 补齐分级标记和评论连接线；替换为剪贴板示意及静态细箭头。 - 从 Figma 导出文件夹原始轮廓，恢复标签、内凹白色内容区及原稿中文摘要；同步英文。 - 双语布局 32 项、局部动效范围 6 项通过；原有教程布局 252 项与专项交互 34 项通过。 - 原版目录不覆盖。8.1.3 原插件和已有双语素材保持不变。 - 注意：系统字体回退与 SF Pro 有差别；此版不声称逐像素完全一致。 ## 2026-09-11 · 5.1-V07 双语视觉版 - 独立迭代，V06 与原插件目录保持不变。 - 只读获取 Figma 最新画框和逐图层渐进模糊参数，修复上一版漏掉的标题、产品图底部模糊。采用多层遮罩渐变近似，保留可编辑 HTML/CSS。 - 全站统一字族并加重标题、当前步骤与主要操作；英文长标签、手机流程导航另行检查。 - 指定版本 `viewwheel_comment_insight_assistant_v8_1_3_mv_boli_typography` 接入本地渲染器；没有改用 8.1.4。复制的 content.js、styles.css 和下载 ZIP 均记录 SHA-256。 - 两套截图通过原插件语言开关分别生成；白板与 AI 教学文字也分别提供中英文。原生进度条截图替换旧的纯 CSS 进度演示。 - 新增 `en/index.html` 与语言切换入口。导航、21 步教程、评论/回复、格式工具、状态反馈、情绪结果、下载说明、FAQ 和截图同步切换。切换保留步骤；练习编辑内容不跨页面迁移。 - 英文代码由 `tools/en.tsv` 与中文源文件构建，避免逐次修改两套交互逻辑。 - 验证：Chrome headless；2 种语言 × 6 个尺寸 × 21 步 = 252 项，无横向溢出、缺图、脚本错误或英文页面残留中文内容（语言切换入口除外）。另外 34 项检查覆盖关注框、流程选项、五种氛围、摘要、100 条展开计数和图片弹窗。 - 修复检查发现的英文手机导航溢出、320px 首屏过高、长情绪词与条形图重叠、渐进模糊分层接缝。 - 功能边界：教学页面没有调用真实后端；进度及 AI 文本为样例。未进行真实扩展账户/AI 服务的端到端验收。 - 素材清单：`assets/source-manifest.json`；本轮报告：`qa/v07-results.json`、`qa/v07-details.json`。继承的 V03–V06 报告不代表本轮检查。 ## 2026-09-11 · 5.1-V06 Figma 视觉版 - 通过 Figma 连接读取文件 JsD7JktasFV7WhnCPPmIb0 的首页 Desktop - 1，节点 110:1092，原画框 1440×1024。没有修改 Figma 原文件。 - 原导航高 80px；品牌文字 28px；导航 16px；行动入口 20px。品牌色 #03587C。首页品牌字 196px，主句 48px。 - 用 HTML/CSS 重排标题、导航、间距与三张独立插件图。图标、箭头和插件图均下载自 Figma 导出资源，未用整页截图代替页面。 - 保留品牌文字渐变，中央产品保持清晰，未照搬设计中的全图模糊效果。副文案采用 26px，较原设计 32px 收敛，强化主句层级。 - 桌面内容宽度 1320px / 宽屏 1480px；主要章节间距 112px，平板 80px，移动端 56px。章节标题 48px，教程正文 18px；短屏和移动端按断点适配。 - 官网参考：https://investor.pinterestinc.com/overview/default.aspx 。可读取章节内容；直接请求样式源码返回 403，因此没有声称获得 Pinterest 精确字号或动画参数。章节主次与分区作为参考，具体尺寸以 Figma 和本版规范为依据。 - 新增 figma-layout.js / figma-layout.css，不改原插件逻辑。V05 仍独立保留。 - SF Pro 未打包。网页优先使用已安装的 SF Pro，否则回退 Segoe UI / 微软雅黑；没有下载来源或授权不明字体。 - 验证：6 视口 × 21 步，126 项无横向溢出或缺图检查；真实展开、滚动、高亮、字号变化通过。 - 首屏实测：1440×1024 下首页底部 1003px；1366×768 下 728px。CTA 与下一段提示可见。 - 本轮 QA 文件使用 v06- 前缀。其他 QA 为历史副本，不能作为本版测试证据。 ## 2026-09-10 · 5.1-V05 用户导览版 ### 本轮反馈与处理 - 首页参考用户新提供的布局：放大品牌字、居中插件实图、两侧错位说明。保持原色彩、字号层级与教程网格。 - 移除三张界面互换的首页效果，新增提取、汇总、筛选三阶段。切换时演示同一组讨论如何整理。 - 1.2 与 1.5 改为可点击的展开评论体验。按钮展开当前已加载主评论的回复，1.3 保留滚动加载；所有数量由原固定数据计算。 - 阅读标记添加示例句选择入口，突出高亮按钮；字号步骤突出 A+，用户点击后真实改变字号，标记继续保留。 - AI 加载步骤按 PPT image12 的“正在思考…72%”状态重新排版；轮盘等待依照 image15 的 94% 状态。均为明确标注的处理过程示例，不调用 AI。 - 轮盘强度与摘要改为页面内标签切换；两次结果改为清晰的并排文字与轮盘示意，不再引导用户打开模糊的长截图。 - 页面移除 PPT 页码、素材来源、制作版本等内部说明；保留必要的示例说明及隐私提醒。 - 完整保留下载与安装流程，补充安装后未出现插件的排查说明。 ### 素材与数据边界 - 第一轮整体混合偏正、主情绪疑惑 2/4；第二轮偏正面、主情绪满意 2/4，来自原 PPT 两次结果。未推算原图未显示的第二轮比例。 - 对照页彩环只表达轮盘外观，不编码比例。具体强度由文本或带数值的条形呈现。 - 评论展开属于本地交互体验；没有声称已调用用户原插件抓取。插件源码、域名、hosts、激活配置均未修改。 - 原 V04 保留。新标志尚未提供，本版继续使用现有 V 标志。 ### 验证 - tools/verify-v05.cjs：6 种视口、21 步，共 126 项页面检查。 - 覆盖点击展开、滚轮加载、示例句选中后高亮、字号变化、72% 进度、摘要切换与两次结果对照。 - 本轮截图和报告均以 qa/v05- 命名；其他 QA 文件为历史副本，不作为 V05 验收依据。 ## 2026-09-10 · 5.1-V04 分步实操版 ### 反馈 保留规整排版；修复第五章重复使用同一轮盘图；继续完善实操及记录。 ### 修改 - 第五章替换为生成、等待、强度、氛围、对照五种画面。 - 两次对照使用原 PPT 的不同结果，没有自行生成分析数据。 - 增加阅读标记练习。真实执行选区标注、字号调整、富文本复制、还原和清空；切换步骤或图解不丢失编辑。 - 继续使用 V03 的字体、网格和留白，处理窄屏等待页高度及工具图标兼容。 - 在设计规范记录后续原插件抓取验证方案。 ### 验证与范围 新专项报告为 qa/v04-results.json，配图以 v04- 开头；七视口基线报告为 qa/test-results.json。专项覆盖文字格式、字号、编辑保留、复制载荷、清空恢复、八维强度、五种提示、不同对照图、原图查看及减少动态效果。复制测试校验实际传给 Clipboard API 的 HTML，未把该测试当作系统剪切板粘贴至其他应用的验收。 轮盘原图与原 PPT 内的图片哈希一致。原插件及 V03 保持不动；本轮未接入真实 AI 或实现完整抓取。 下一次新建 V05，保留本版作为对照。下方为 V03 的历史记录。 ## 2026-09-10 · 5.1-V03 清透简版 状态：新版本交付。保留此前 V1、V2；本版不修改真实插件、hosts、域名配置或浏览器扩展设置。 ### 用户要求 依据参考视频及三张图片重做简洁、细致的专业 HTML；统一字体和页面尺度；内容清晰、少重复；独立命名并记录每次迭代。 ### 本轮实现 1. 新建独立静态站，内容压缩为概览、图解教程、下载及 FAQ。 2. 逐页对照 PPT，把五章拆成 21 个单独操作，保留关键按钮顺序。 3. 从原插件界面重新生成高清素材，按真实控件位置与圆角生成重点框。 4. 保留固定 100 条模拟评论的展开、收起、滚动、分批加载和重置。 5. 增加图片放大、手动视频控制、章节键盘导航、轻量视差及预览转场。 6. 使用原扩展 ZIP 提供下载，明确真实 AI 的服务和激活条件。 ### 本轮视觉复查修正 - 首屏画面与主按钮距离增加，移除素材生成过程中残留的提示气泡。 - 短屏电脑下缩紧教程留白、将子步骤改为编号，让画面及翻页控制完整可见。 - 手机翻页操作移动到图片下方。 - 激活素材裁切到控件边界，避免下一字段露出半行。 - 展开按钮提供专门的近景图，便于看清操作位置。 ### 验证 浏览器检查记录见 qa/test-results.json 和 qa/additional-results.json。页面截图保存在 qa/。验证范围包括多视口横向溢出、图片加载、21 步顺序、评论数量和展开、鼠标滚动、放大关闭、视频播放、FAQ 和减少动态效果。 原 content.js 与本地渲染副本 SHA-256 相同： B7729A6EE0CF09FBD9031B311BFC9562D40A878C90C08661786DE21AB40D5714 ### 限制 本版是简版图解站，评论练习不等同真实小红书抓取；未连接实际 AI 后端。网页没有冒充激活成功或真实分析完成。 ### 后续迭代规则 下一次交付新建 V04 或更高版本目录，记录：日期、用户反馈、具体修改、检查结果、已知限制、前一版入口。V03 作为本次交付基线保留。