01
保存当前画面
捕获视频播放器中的当前画面，不把推荐列表、评论和浏览器界面混进笔记。
了解视频截图笔记YouTube 教程的视觉步骤笔记
把看过的教程，整理成真正能回看的步骤
在 YouTube 视频播放页遇到关键操作时，按一下快捷键。TubeSteps 会保存当前画面、视频时间点和可见字幕，结束后你可以逐条编辑、排序，再导出自己的图文笔记。
无需账号
数据保存在本机
导出 HTML / PDF / Markdown
在 VS Code 中配置 Tailwind CSS本地已保存
1
打开项目终端01:12 · 当前画面 + 字幕
截图2
安装 Tailwind CSS03:48 · 可跳回视频
时间点3
检查全局样式文件08:26 · 3 个步骤
字幕使用方法
从视频播放页到个人步骤笔记
不需要先整理大纲，也不用在视频和笔记软件之间来回切换。看到关键操作时保存，结束后再集中整理。
1
打开教程视频
在 Chrome 中打开 YouTube 的标准视频播放页，点击 TubeSteps 图标。
2
开始做笔记
开始当前视频的本地笔记会话，页面会出现轻量悬浮工具条。
3
保存关键瞬间
按 Alt + Shift + S，或点击保存按钮，记录当前画面、时间点和字幕。
4
编辑并导出
回到编辑器修改步骤说明，再导出 HTML、PDF 或 Markdown。
导出前编辑器
让笔记像你的笔记，而不是视频目录
捕获只是开始。你可以在编辑器里删掉噪音、补充自己的理解，把零散画面整理成清楚的复习路径。
A
重命名每一步
把自动生成的标题改成你下次能快速看懂的动作描述，补充自己的步骤说明。
B
调整顺序和字幕
拖拽排序，展开原字幕，删除重复画面，让步骤顺序和教程逻辑保持一致。
C
保存历史笔记
每个视频都有独立的本地笔记入口，随时回看、继续截图，或者重新导出。
适合真实学习场景
把长教程变成只属于你的几步
一小时的视频里，真正与你有关的可能只有五个操作。TubeSteps 让你保存这五个瞬间，而不是把整支视频变成一篇没人会重看的摘要。
查看 YouTube 做笔记方法手工记笔记
- 暂停视频并寻找截图工具
- 手动记录当前时间
- 复制字幕或重新组织说明
- 在视频和笔记软件之间切换
- 回头时很难找到原位置
使用 TubeSteps
- 看到关键操作就按快捷键
- 画面、时间点和字幕一起保存
- 结束后集中编辑步骤
- 点击时间点回到原视频
常见问题
关于 YouTube 视频步骤笔记
TubeSteps 是什么？
TubeSteps 是一款 Chrome 扩展，用来把 YouTube 教程中的关键画面、时间点和可见字幕保存为可编辑的步骤笔记。
会自动总结整支视频吗？
不会。TubeSteps 让你自己决定哪些瞬间值得保留，不上传视频，也不后台提取整段字幕。
截图和字幕会上传到服务器吗？
不会。截图、字幕和笔记默认只保存在浏览器本机，产品不要求账号。
可以导出哪些格式？
当前支持 HTML、PDF 和 Markdown。导出的内容包含步骤说明、画面和可跳转到视频时间点的链接。
哪些视频页面支持使用？
首版支持 YouTube 标准 watch 播放页，不支持 Shorts、直播、嵌入播放器和 YouTube Music。