fix(工作台): 视频详情首行恢复标签结构——「视频地址」标签+「查看视频」链接在标签后

This commit is contained in:
maogeigei committed 2026-09-01 15:13:58 +08:00
1 parent 419242dd41
commit 9db964bf99
3 files changed
+6 -2

No files matched your search

+1
View File
@@ -259,3 +259,4 @@
- **15:05 视频详情再调(用户最新需求定稿)**:toolbar 返回箭头后 `page-title` **显示视频标题名称**(非静态);信息卡**首行改「视频地址」标签**(4字)+ 可点击链接(data-ext 打开视频网页),删 `video-detail-title` 大字号标题行。最终结构:toolbar=视频标题;信息卡=①视频地址(可点) ②账号/视频ID/时长/发布时间 ③点赞/评论/分享/收藏 ④标签。**验证**:cdp-verify-titlebar.mjs 8/8 PASS(toolbar=视频标题全名、首行标签=视频地址、链接 https 可点、四组行顺序正确、无渲染失败)
- **15:09 再调(隐藏 URL)**:用户不要显示视频具体地址——首行改整行「**查看视频 ↗**」可点击链接(去掉 infoGrid label/value 结构,URL 不渲染成文本,仅存 data-ext 属性),标签名从「视频地址」改「查看视频」。**验证**:cdp-verify-titlebar.mjs 9/9 PASS(首行=查看视频↗、无 URL 明文、链接可点、四组行正确)
- **★CDP 验证脚本同 URL 复用陷阱(15:09 实测)**:验证脚本 navigate 固定 URL(如 `?v=titlebar#/video/680`)二次运行会**复用旧页面不重新加载 JS**(浏览器同 URL 判定),导致断言读到上一版 DOM 误判 FAIL——服务端 curl 已是新代码但页面显示旧内容。**修复:验证 URL 带时间戳 `?v=tb${Date.now()}` 强制全新加载**(与工作台重开页面 ?v= 同理,验证脚本也要遵守)
- **15:12 首行再调(标签结构)**:用户要「查看视频」几个字显示在**标签的内容后面**——恢复 infoGrid 结构,首行=`infoGrid('视频地址', 查看视频↗链接, wide)`:标签「视频地址」+ 值区域「查看视频 ↗」(URL 仍不显示明文)。**验证**:cdp-verify-titlebar.mjs 10/10 PASS(首行标签=视频地址、查看视频在标签后、无 URL 明文、链接可点)
@@ -57,11 +57,13 @@ async function main() {
const rows = card ? [...card.querySelectorAll('.info-row')] : [];
const toolbarTitle = document.querySelector('.page-toolbar .page-title');
const r0 = rows[0];
const firstLabel = r0 ? r0.querySelector('.info-label') : null;
const firstLink = r0 ? r0.querySelector('a') : null;
const rowLabels = rows.slice(1).map((row) => [...row.querySelectorAll('.info-label')].map((l) => l.textContent.trim()));
return {
toolbarTitle: toolbarTitle ? toolbarTitle.textContent.trim() : '',
rowCount: rows.length,
firstLabel: firstLabel ? firstLabel.textContent.trim() : '',
firstText: r0 ? r0.textContent.trim() : '',
firstHref: firstLink ? (firstLink.getAttribute('data-ext') || firstLink.getAttribute('href')) : null,
rowLabels,
@@ -71,7 +73,8 @@ async function main() {
check('toolbar 显示视频标题名称(非静态"视频详情"): ' + r.toolbarTitle, !!r.toolbarTitle && r.toolbarTitle !== '视频详情' && r.toolbarTitle.length > 2, r.toolbarTitle);
check('信息卡共 4 组行', r.rowCount === 4);
check('首行显示「查看视频」字样: ' + r.firstText, r.firstText.includes('查看视频'), r.firstText);
check('首行标签=「视频地址」: ' + r.firstLabel, r.firstLabel === '视频地址', r.firstLabel);
check('首行「查看视频」在标签后面: ' + r.firstText, r.firstText.includes('查看视频') && r.firstText.indexOf('查看视频') > r.firstText.indexOf('视频地址'), r.firstText);
check('首行不含具体 URL 明文', !/https?:\/\//.test(r.firstText), r.firstText);
check('首行链接可点击(https): ' + (r.firstHref || '').slice(0, 40), !!r.firstHref && /^https?:/.test(r.firstHref), r.firstHref || '');
check('第2行=账号/视频ID/时长/发布时间', JSON.stringify(r.rowLabels[0]) === JSON.stringify(['账号', '视频ID', '时长', '发布时间']), JSON.stringify(r.rowLabels[0]));
@@ -545,7 +545,7 @@ async function renderVideoDetail(view, id) {
<div class="page-toolbar">${toolbarBack()}<span class="page-title">${esc(cleanTitle(v.video_title) || '视频详情')}</span></div>
<div class="detail-body">
<div class="info-card video-info">
<div class="info-row"><div class="info-item info-wide">${viewLink}</div></div>
<div class="info-row">${infoGrid('视频地址', viewLink, true, true)}</div>
<div class="info-row">${infoGrid('账号', v.account_name)}${infoGrid('视频ID', v.aweme_id)}${infoGrid('时长', fmtDuration(v.duration))}${infoGrid('发布时间', v.publish_time)}</div>
<div class="info-row">${infoGrid('点赞', fmtWan(v.like_display || v.like_count))}${infoGrid('评论', fmtWan(v.comment_count))}${infoGrid('分享', fmtWan(v.share_count))}${infoGrid('收藏', fmtWan(v.collect_count))}</div>
<div class="info-row">${infoGrid('标签', v.tags, true)}</div>