工作台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 对齐测量脚本
This commit is contained in:
1 parent
23edeadead
commit
8278865831
5 files changed
+122
-10
No files matched your search
@@ -325,3 +325,8 @@
|
||||
- 修改:references/创作流程/6_生成短视频框架.md「场次结构表·8列维度说明」后新增通用规则(引用 S5「结构性符号」概念,不硬编码任何账号/符号)——「开场钩子场(场1)结构性符号承接:场1钩子设计必须承接账号结构性符号,位于开头位置的须一个镜头/一句话交代清楚(遵循 S5 呈现效率规则),禁止铺垫/多步推理;缺失或需铺垫的打回修改场1」
|
||||
- 同步:V1.0 源技能(~/.workbuddy/skills/短视频脚本创作/)+ dsh 副本(~/.dsh/skills/short-video-script/)两处,Lite 不动
|
||||
- 重跑验证:备份 mcn-plugin.db.bak-s6fix-* → 删 RW26-31 + script_review(rewrite_id 26-31) → build-create-prompts.cjs 提交 6 任务(automation-1788258518460 等,v309/313/320=topic、v315/316/318=content)→ poll-create-tasks.cjs 轮询(task M70h3o)
|
||||
|
||||
## 09-02 失误与规避:浏览器操作工具选择(10:15)
|
||||
- 失误:验证视频详情页对齐时误用 agent-browser(system 技能列表里可见),未遵守项目铁律「浏览器操作一律 browser-harness」(user 级技能,Always use browser-harness for any web interaction)
|
||||
- 检查:browser-harness 环境未安装——技能目录只有 SKILL.md,无 subskills/browser-harness/envs/ 环境(可执行文件 browser-harness.exe 不存在)
|
||||
- 规避:涉及浏览器自动化/截图/交互时,先 where browser-harness 或查 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
|
||||
@@ -0,0 +1,22 @@
|
||||
# 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)✅ 结构修复生效
|
||||
Reference in new issue
Block a user