5 分钟上手 VideoDownloadHelper把网页视频存到本地的完整教程【免费下载链接】VideoDownloadHelperChrome Extension to Help Download Video for Some Video Sites.项目地址: https://gitcode.com/gh_mirrors/vi/VideoDownloadHelperVideoDownloadHelper 是一个 Chrome 扩展解决一个很具体的问题把网页上正在播的视频存到你的电脑里。打开一个带视频的网页点一下工具栏图标它自己就把页面里的视频、音频、图片链接找出来你选一条下载就行。全程不需要 F12不需要看源码。先说清楚它是谁给谁用本质一个轻量的 Chrome 扩展Manifest V3没有运行时依赖解析逻辑全部在你浏览器里跑给谁用要存网课、要备份自己发的视频、要攒素材的人装完就能用最大卖点打开页面它自己就把视频找出来点一下就能存到本地不确定的地方它会明说不装界面支持 25 种语言包括简体中文设置完立即生效完全开源MIT 协议代码可以逐行看最短路径上手3 步装好git clone https://gitcode.com/gh_mirrors/vi/VideoDownloadHelper cd VideoDownloadHelper/video-url-parser npm install npm run build构建需要 Node.js 18 或更高版本。仓库里不含编译产物所以npm run build这一步不能省它生成插件真正执行的打包脚本。然后加载浏览器地址栏输入chrome://extensions/打开右上角开发者模式点加载已解压的扩展程序选择video-url-parser文件夹验证装好了随便打开一个有视频的网页。工具栏图标上出现一个数字角标表示检测到了几条资源点图标面板里列出了视频链接。两条都对得上说明装好了。装好后怎么用跟着操作走一遍面板一共 3 个标签页Video Downloader主界面、Setting、Log。第一次打开面板插件在你打开视频页面的那一刻就已经扫完了。列表里每条资源旁边都带一个类型标签视频、音频、图片颜色区分扫一眼就知道是什么。筛选按钮列表上方有 4 个按钮Videos 只看视频、Images 只看图片、Audio 只看音频、Links 显示全部。.m3u8 按钮单独过滤 HLS 播放列表下面会讲它是什么。下载一条每条资源旁边有两个操作下载交给浏览器下载管理器点一下就能存到本地、复制把链接放进剪贴板丢给别的工具用。页面资源多时用全部下载 / 全部复制省事。不进面板的两条路一是快捷键默认 AltShiftV 直接唤起面板改键去chrome://extensions/shortcuts。二是右键菜单鼠标右键点页面里的视频元素菜单里直接出现下载入口适合只想要眼前这一个视频的时候。面板右上角的角标图标上的数字就是当前页面检测到的资源条数。刷新页面后数字会变方便你确认插件在动。Setting 与 LogSetting 里切换界面语言25 种可选、开关深色模式。Log 记录解析日志检测不到东西的时候先看这里。能做什么、不能做什么边界先说清先把限制摆前面诚实比吹嘘有用不支持 YouTube。商店上架的版本受平台政策约束把 YouTube 和成人网站的解析裁掉了自己从源码构建的本地版功能更全但政策风险自己掂量m3u8 只是播放列表。它是分段流插件负责把地址找出来最终合并成完整视频还需要别的工具接手动态加密的页面可能一无所获。视频地址是运行时解密、分片拼接的那种通用解析会漏这种情况去 Setting 里配远程解析服务再试能做的范围通用策略覆盖得其实很宽HTML5 的video标签、source标签og:video元标签里声明的地址页面内嵌的 mp4 等直接链接.mp4、.webm、.mkv、.mov、.mp3、.m4a9 个站点有专门解析器微博、TED、Dailymotion、Vimeo、Facebook、秒拍、梨视频、MSDN Channel 9、小咖秀专门解析器之外的网站走的就是上面这套通用策略多数常规视频页面都能出结果。进阶技巧3 个立竿见影的设置 技巧操作什么时候用自定义快捷键打开chrome://extensions/shortcuts改Open Video Download Helper的按键AltShiftV 和别的软件撞键时远程解析 APISetting 标签页填入 VIP Server API Key保存页面加密重、本地解析不出东西时借远程服务再试一次m3u8 过滤列表上方点 .m3u8 按钮直播回放、分段视频页只留播放列表地址三条都是改一次管很久不用每次现调。出问题时按这个顺序查 ⚠️现象原因解法图标上没数字、点开是空的构建步骤没做全或页面确实没有可识别资源重新跑npm run build后在扩展页点重新加载支持的网站也检测不到站点改版解析规则失效先看 Log 标签页的记录再试远程解析点下载没反应链接过期或网络中断刷新页面重新检测后再下语言切换后没生效面板缓存了旧文案关掉面板重新打开下载下来的 m3u8 打不开它是播放列表不是视频文件另找分段合并工具把 m3u8 转成完整视频架构速览数据在你本机走一圈video-url-parser/ ├── js/ │ ├── parsevideo.js # 解析引擎 各站点解析器 │ ├── functions.js # 链接提取与校验 │ ├── background.js # 后台服务下载、右键菜单、角标 │ └── video.js # 面板交互 ├── lang/ # 25 种界面语言 ├── test/ # 单元测试 ├── main.html # 面板界面 └── manifest.json # 扩展配置数据流就三句话内容脚本注入到每个网页抓取源码交给本地解析器解析出的链接只存在内存里渲染到面板你点下载才通过浏览器下载管理器真正落盘。所有环节都在本地浏览器执行不上传地址、不收集行为细节可查项目根目录的 PRIVACY.md。现在就做的 3 件事克隆、构建、加载扩展全程 5 分钟打开一个 TED 演讲页验证图标出现角标、面板出列表下载一条视频顺手在 Setting 把语言切成简体中文从 F12 翻源码到点一下存到本地中间省掉的就是 VideoDownloadHelper 该干的那部分活。【免费下载链接】VideoDownloadHelperChrome Extension to Help Download Video for Some Video Sites.项目地址: https://gitcode.com/gh_mirrors/vi/VideoDownloadHelper创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 
长河君 · 2026/8/22 0:02:15 · 阅读 1.2k 5 分钟上手 VideoDownloadHelper：把网页视频存到本地的完整教程
5 分钟上手 VideoDownloadHelper把网页视频存到本地的完整教程【免费下载链接】VideoDownloadHelperChrome Extension to Help Download Video for Some Video Sites.项目地址: https://gitcode.com/gh_mirrors/vi/VideoDownloadHelperVideoDownloadHelper 是一个 Chrome 扩展解决一个很具体的问题把网页上正在播的视频存到你的电脑里。打开一个带视频的网页点一下工具栏图标它自己就把页面里的视频、音频、图片链接找出来你选一条下载就行。全程不需要 F12不需要看源码。先说清楚它是谁给谁用本质一个轻量的 Chrome 扩展Manifest V3没有运行时依赖解析逻辑全部在你浏览器里跑给谁用要存网课、要备份自己发的视频、要攒素材的人装完就能用最大卖点打开页面它自己就把视频找出来点一下就能存到本地不确定的地方它会明说不装界面支持 25 种语言包括简体中文设置完立即生效完全开源MIT 协议代码可以逐行看最短路径上手3 步装好git clone https://gitcode.com/gh_mirrors/vi/VideoDownloadHelper cd VideoDownloadHelper/video-url-parser npm install npm run build构建需要 Node.js 18 或更高版本。仓库里不含编译产物所以npm run build这一步不能省它生成插件真正执行的打包脚本。然后加载浏览器地址栏输入chrome://extensions/打开右上角开发者模式点加载已解压的扩展程序选择video-url-parser文件夹验证装好了随便打开一个有视频的网页。工具栏图标上出现一个数字角标表示检测到了几条资源点图标面板里列出了视频链接。两条都对得上说明装好了。装好后怎么用跟着操作走一遍面板一共 3 个标签页Video Downloader主界面、Setting、Log。第一次打开面板插件在你打开视频页面的那一刻就已经扫完了。列表里每条资源旁边都带一个类型标签视频、音频、图片颜色区分扫一眼就知道是什么。筛选按钮列表上方有 4 个按钮Videos 只看视频、Images 只看图片、Audio 只看音频、Links 显示全部。.m3u8 按钮单独过滤 HLS 播放列表下面会讲它是什么。下载一条每条资源旁边有两个操作下载交给浏览器下载管理器点一下就能存到本地、复制把链接放进剪贴板丢给别的工具用。页面资源多时用全部下载 / 全部复制省事。不进面板的两条路一是快捷键默认 AltShiftV 直接唤起面板改键去chrome://extensions/shortcuts。二是右键菜单鼠标右键点页面里的视频元素菜单里直接出现下载入口适合只想要眼前这一个视频的时候。面板右上角的角标图标上的数字就是当前页面检测到的资源条数。刷新页面后数字会变方便你确认插件在动。Setting 与 LogSetting 里切换界面语言25 种可选、开关深色模式。Log 记录解析日志检测不到东西的时候先看这里。能做什么、不能做什么边界先说清先把限制摆前面诚实比吹嘘有用不支持 YouTube。商店上架的版本受平台政策约束把 YouTube 和成人网站的解析裁掉了自己从源码构建的本地版功能更全但政策风险自己掂量m3u8 只是播放列表。它是分段流插件负责把地址找出来最终合并成完整视频还需要别的工具接手动态加密的页面可能一无所获。视频地址是运行时解密、分片拼接的那种通用解析会漏这种情况去 Setting 里配远程解析服务再试能做的范围通用策略覆盖得其实很宽HTML5 的video标签、source标签og:video元标签里声明的地址页面内嵌的 mp4 等直接链接.mp4、.webm、.mkv、.mov、.mp3、.m4a9 个站点有专门解析器微博、TED、Dailymotion、Vimeo、Facebook、秒拍、梨视频、MSDN Channel 9、小咖秀专门解析器之外的网站走的就是上面这套通用策略多数常规视频页面都能出结果。进阶技巧3 个立竿见影的设置 技巧操作什么时候用自定义快捷键打开chrome://extensions/shortcuts改Open Video Download Helper的按键AltShiftV 和别的软件撞键时远程解析 APISetting 标签页填入 VIP Server API Key保存页面加密重、本地解析不出东西时借远程服务再试一次m3u8 过滤列表上方点 .m3u8 按钮直播回放、分段视频页只留播放列表地址三条都是改一次管很久不用每次现调。出问题时按这个顺序查 ⚠️现象原因解法图标上没数字、点开是空的构建步骤没做全或页面确实没有可识别资源重新跑npm run build后在扩展页点重新加载支持的网站也检测不到站点改版解析规则失效先看 Log 标签页的记录再试远程解析点下载没反应链接过期或网络中断刷新页面重新检测后再下语言切换后没生效面板缓存了旧文案关掉面板重新打开下载下来的 m3u8 打不开它是播放列表不是视频文件另找分段合并工具把 m3u8 转成完整视频架构速览数据在你本机走一圈video-url-parser/ ├── js/ │ ├── parsevideo.js # 解析引擎 各站点解析器 │ ├── functions.js # 链接提取与校验 │ ├── background.js # 后台服务下载、右键菜单、角标 │ └── video.js # 面板交互 ├── lang/ # 25 种界面语言 ├── test/ # 单元测试 ├── main.html # 面板界面 └── manifest.json # 扩展配置数据流就三句话内容脚本注入到每个网页抓取源码交给本地解析器解析出的链接只存在内存里渲染到面板你点下载才通过浏览器下载管理器真正落盘。所有环节都在本地浏览器执行不上传地址、不收集行为细节可查项目根目录的 PRIVACY.md。现在就做的 3 件事克隆、构建、加载扩展全程 5 分钟打开一个 TED 演讲页验证图标出现角标、面板出列表下载一条视频顺手在 Setting 把语言切成简体中文从 F12 翻源码到点一下存到本地中间省掉的就是 VideoDownloadHelper 该干的那部分活。【免费下载链接】VideoDownloadHelperChrome Extension to Help Download Video for Some Video Sites.项目地址: https://gitcode.com/gh_mirrors/vi/VideoDownloadHelper创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考