Files
mcn-short-video/.workbuddy/memory/2026-09-02.md
T
maogeigei 831fd0e123 工作台UI:账号详情去年龄/地区重排两行 + 视频信息字段对齐(video-grid单容器跨行列对齐) + 视频ID限宽220px
- 账号信息:行1=抖音号/作品数/获取视频,行2=赛道/AI制作/粉丝/获赞\n- 视频信息:8字段合并同一grid容器(2行x4列,minmax(min-content,max-content)+80px间隔),时长↔分享/发布时间↔收藏逐列对齐(CDP实测差0)\n- 视频ID .vid-limited 220px省略+hover全量\n- 新增 cdp-align-videoinfo.mjs 对齐测量脚本
2026-09-02 10:22:11 +08:00

23 lines
3.2 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 2026-09-02 工作日志
## 工作台 UI 调整(09:53-10:15)
- 09:53 打开 MCN 工作台(服务重启,PID 32336,`?v=20260902-0953#/`)
- **账号详情页账号信息**(data-pages.js:412-413):去掉「年龄」「地区」,重排两行——行1=抖音号/作品数/获取视频,行2=赛道/AI制作/粉丝/获赞;简介/账号定位/视频列表不变
- **视频详情字段间隔/对齐**(style.css:383-385 + data-pages.js:552-556,多轮迭代定稿):
- 需求:字段横向间隔参考账号信息(flex+80px)→ 但「分享/收藏」与「时长/发布时间」要求跨行对齐
- 迭代教训:flex 内容宽度天然不跨行对齐;独立 .info-row 容器各自 grid 也不会对齐(跨容器不共享列轨道)
- **终版方案**:8 字段(账号/视频ID/时长/发布时间 + 点赞/评论/分享/收藏)合并进同一个 `.video-grid` 容器(2行×4列 grid,`repeat(4, minmax(min-content, max-content))` + gap 10px 80px + justify-content:start),列轨道跨行共享→严格对齐,列宽贴合内容非均分;标签行 info-wide 占满整行
- 视频ID 限宽 220px(.vid-limited,省略号+hover title 全量)
- 服务未重启(纯静态资源,Cache-Control: no-store,重开页面即生效)
## 失误与规避:浏览器操作工具选择(10:15)
- 失误:验证页面时误用 agent-browser(system 技能列表可见),未遵守铁律「浏览器操作一律 browser-harness」(user 级技能)
- 检查:browser-harness 环境未安装——技能目录只有 SKILL.md,无 subskills/browser-harness/envs/(browser-harness.exe 不存在)
- 规避:需要浏览器自动化/截图时,先查 `C:\Users\maidou\.workbuddy\skills\browser-harness\subskills\browser-harness\envs\browser-harness\Scripts\browser-harness.exe`;未装则 `uv tool install --python 3.12 --upgrade --force browser-harness` + doctor 验三要素;不装 agent-browser
## browser-harness 真实环境定位 + 对齐实测通过(10:20 纠正昨日误判)
- **纠正**:browser-harness 并未"未安装"——真身在源技能 `project/短视频脚本创作/V1.0/subskill/mcn-dou-analysis/subskills/browser-harness/`(envs/browser-harness/python.exe 完整存在,已验证);另有 `C:/Users/maidou/.dsh/skills/browser-harness/src`(无 envs)与 `D:/miniconda3/envs/browser-harness`(08-28 用过)两处
- **昨天实测主流方式**(非 python IPC):Node + WebSocket 直连 9223 CDP 脚本(mcn-work-shop/cdp-verify-*.mjs、cdp-measure-*.mjs 等 30+ 个),Runtime.evaluate 测量 DOM;browser-harness python 调用(BU_CDP_URL=9223 + PYTHONPATH=<BH>/src + env python -m browser_harness.run heredoc)今天实测 IPC 超时(daemon 0.1.8 vs client 0.1.10 版本不匹配)
- **9223 调试 Chrome**:`chrome.exe --remote-debugging-port=9223 --user-data-dir=C:/Users/maidou/.workbuddy/tmp/bh-chrome-9223`;新开 Tab 访问 localhost 会 chrome-error,必须复用现有 8900 标签页
- **对齐实测**(新脚本 cdp-align-videoinfo.mjs):视频详情 .video-grid 8 字段逐列 left 完全一致(账号@41=点赞@41、视频ID@157=评论@157、时长@404=分享@404、发布时间@549=收藏@549,差 0)✅ 结构修复生效