为什么必须在采集之前处理
一条固定在窗口底部的同意横幅，会出现在滚动视频的每一帧里。把它裁掉，每一帧也都要跟着损失一条页面；把它模糊，留下的是一块一动不动的污迹，而周围的一切都在滚动。角落里的聊天气泡也是一样。唯一干净的版本，是它们从来没出现过的版本。
如何去掉网站录制中的 Cookie 横幅和弹窗
别让同意横幅、聊天气泡和订阅弹窗出现在网站视频里：手动关掉，用 CSS 隐藏，用过滤规则列表拦截，或者用一个会先把它们移除的采集工具。
Aviral Lakhanpaul更新于 阅读约 3 分钟
在采集之前移除它们，而不是事后处理：在剪辑软件里裁掉或模糊一条横幅，怎么都不会干净。自己录屏时，关掉横幅，剩下的用开发者工具里的一行 CSS 隐藏，或者用过滤规则列表拦截 Cookie 提示。从网址渲染时，用一个会自动清除同意横幅、聊天入口和弹窗的工具，它漏掉的元素还能用 CSS 选择器隐藏。
自己录屏时
- 关掉或接受横幅， 关掉订阅弹窗，把聊天挂件收起来，然后刷新一下，确认它们没有再出现。在全新的无痕窗口里，很多弹窗每次加载页面都会回来。
- 拦截它们。 uBlock Origin 自带可选的 Cookie 提示过滤规则列表（在它的设置里，“过滤规则列表”下的 Annoyances 分类）。在你用来录制的浏览器配置文件里把它们打开。
- 剩下的用 CSS 隐藏。 在开发者工具里右键点击元素，选“检查”，然后要么删除这个节点，要么加一条规则把它隐藏。
/* 粘贴到“元素”面板里新建的样式规则中。把选择器
改成页面实际使用的那些。 */
#onetrust-banner-sdk,
.cookie-banner,
[aria-label*="cookie" i],
.intercom-lightweight-app { display: none !important; }
html, body { overflow: auto !important; }最后一行比看上去更重要。很多弹窗在打开时会锁住页面滚动，只隐藏弹窗而不解除锁定，留下的就是一个滚不动的页面。
从网址渲染时
在 Website Scroll Video 里，这项功能默认开启，名为「移除 Cookie 横幅与弹窗」。采集任何内容之前，页面都会先被清理：
- 主流的同意管理平台会按名称识别并移除。
- 不认识的，由一套启发式规则捕捉：它会寻找固定在页面上、层级很高、带有同意相关措辞的元素。
- 聊天入口、订阅弹窗和残留的深色遮罩也会一并移除。
- 这些弹窗留下的滚动锁定会被解除，页面就能一路滚到底。
它旁边还有两项设置。「拦截追踪器与广告」阻止追踪和广告请求加载，广告位和它们带来的挂件也就不会入镜。「隐藏元素」接受 CSS 选择器，每行一个，用来处理自动清理漏掉的、某个网站特有的东西，比如促销条或一个吸附在页面上的“预约演示”按钮。
吸顶页头是另一回事
吸顶的导航栏是设计的一部分，不是杂物，通常应该留在视频里。只平移一张长截图的渲染器必须专门处理它，否则它只会在顶部出现一次，然后随页面滚走。Website Scroll Video 会把吸顶页头重新叠加到每一帧的最上层，固定在访客看到的位置。如果你宁愿它根本不出现，就把它的选择器加进「隐藏元素」。
拿你自己的网站试试
粘贴一个链接，免费预览滚动效果。注册即送 51 个免费点数，无需信用卡，导出的任何视频都没有水印。
录屏时怎么隐藏网站的 Cookie 横幅？
关掉它，刷新确认它不会再出现；或者在开发者工具里用一条 CSS 规则隐藏它；或者在广告拦截器里启用 Cookie 提示过滤规则列表。然后解除它留下的滚动锁定。
用 Website Scroll Video 导出时会出现 Cookie 横幅吗？
不会。已知的同意管理平台按名称识别，未知的由启发式规则识别（寻找固定在页面上、层级很高、带有同意相关措辞的元素），它们都会在采集任何内容之前被移除。聊天入口和订阅弹窗也一起移除。
如果视频里还是出现了弹窗怎么办？
在视频设置的「隐藏元素」里加上它的 CSS 选择器，再预览一次。预览免费，所以导出前可以先检查。
