vibeknow无法直接抓取js动态折叠内容,需先手动或用控制台命令展开所有折叠项,再复制纯文本并清洗(去空行、删控件文字、加##标题),最后粘贴生成视频。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

想把VibeKnow网页里那些点击“展开”才显示的折叠段落(比如常见问题、技术参数表、隐藏说明)直接变成视频画面,但粘贴全文后发现AI只读了折叠前的可见部分,后面内容全被跳过——这是因为VibeKnow默认不执行JavaScript动态渲染,必须手动触发内容展开并复制完整DOM结构。
确认网页是否含真实折叠逻辑
打开目标网页 → 按F12打开开发者工具 → 切换到Elements面板 → 按Ctrl+F搜索关键词“【aria-expanded】”或“【data-collapse】”。若找到带true/false值的属性,说明是前端JS控制的真折叠;若只看到CSS的max-height:0,则属于纯样式隐藏,VibeKnow能直接抓取全部文本。
遇到纯CSS隐藏时,无需额外操作,粘贴URL后VibeKnow自动提取所有段落。
处理JS驱动的折叠内容
方法一:浏览器内强制展开后复制
在网页上逐个点击所有“展开”按钮,确保所有折叠区域都已显示 → 按Ctrl+A全选页面内容 → 右键选择“复制为纯文本”(不是“复制”)→ 粘贴到记事本检查是否包含全部段落。这一步漏掉任意一个展开动作,VibeKnow就无法看到被隐藏的文字。
方法二:用控制台命令批量展开(适合多级折叠)
按F12 → 切换到Console标签页 → 粘贴以下代码后回车:
document.querySelectorAll('[aria-expanded="false"], [data-collapse="closed"]').forEach(el => el.click());
等待2秒让JS执行完毕 → 再次全选→复制为纯文本。注意:某些网站会拦截自动click事件,此时需手动点开最后一级折叠项。
粘贴进VibeKnow前的关键清洗
第一步:把复制的纯文本粘贴到VS Code或Typora中 → 用正则替换清理冗余空行:搜索\n\s*\n → 替换为\n\n。
第二步:删除所有残留的折叠控件文字,例如“▼ 点击展开详情”“[收起]”“+ 技术参数”等。这些词会被VibeKnow误判为视频分镜指令,导致生成画面错乱。
第三步:在每段折叠内容前加二级标题标记,格式为## 折叠标题名。VibeKnow识别##开头的行会自动生成独立画面,否则可能把多段内容压缩进同一帧。
完成清洗后,直接将文本粘贴至VibeKnow网页端的“粘贴文本”框,勾选对应模板即可启动生成。











