# plug-in **Repository Path**: wyc520/plug-in ## Basic Information - **Project Name**: plug-in - **Description**: 插件库 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-03-23 - **Last Updated**: 2025-09-21 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 抖音视频下载器 一个Chrome浏览器插件，用于下载抖音视频。 ## 修复内容 ### 问题描述 原版本在切换视频时，下载的仍然是第一个视频，而不是当前正在播放的视频。 ### 解决方案 1. **改进视频检测逻辑** - 优先检测正在播放的视频 - 添加播放状态检测（paused, ended, currentTime） - 缩短网络请求检测时间窗口（从30秒改为10秒） 2. **添加唯一标识符** - 为每次下载添加时间戳和随机ID - 避免文件名重复和缓存问题 3. **增强错误处理** - 添加详细的日志记录 - 改进错误提示信息 - 添加下载状态监听 4. **优化用户体验** - 添加更清晰的状态提示 - 改进视频标题获取逻辑 - 添加视频切换检测 ## 主要修改文件 ### popup/popup.js - 重写视频检测逻辑 - 添加更精确的当前视频识别 - 改进错误处理和状态反馈 ### background.js - 添加唯一标识符生成 - 改进文件名生成逻辑 - 添加下载状态监听 ### src/content.js - 重写视频URL获取函数 - 添加DOM变化监听 - 改进视频状态检测 ### manifest.json - 添加content_scripts配置 - 确保脚本自动注入到抖音页面 ## 使用方法 1. **安装插件** - 打开Chrome扩展程序页面 (chrome://extensions/) - 开启"开发者模式" - 点击"加载已解压的扩展程序" - 选择插件文件夹 2. **使用插件** - 访问抖音网站 - 播放想要下载的视频 - 点击浏览器工具栏中的插件图标 - 点击"下载视频"按钮 3. **注意事项** - 确保视频正在播放或刚刚播放过 - 如果下载失败，请刷新页面后重试 - 下载的文件会保存到浏览器默认下载目录 ## 调试工具 ### 使用调试工具 1. 在浏览器中打开 `debug.html` 2. 使用各种测试功能来诊断问题 3. 查看详细的调试信息 ### 调试步骤 1. **打开浏览器开发者工具** (F12) 2. **查看控制台输出**，插件会输出详细的调试信息 3. **使用调试工具**测试视频检测功能 4. **检查网络请求**，确保视频URL正确获取 ## 故障排除 ### 常见问题 1. **"未找到有效的视频链接"** - 确保视频正在播放 - 刷新页面后重试 - 检查控制台调试信息 2. **下载的是第一个视频而不是当前视频** - 确保当前视频正在播放 - 等待视频加载完成 - 查看控制台的视频检测日志 3. **插件无法识别视频** - 检查是否在正确的抖音页面 - 确保页面完全加载 - 尝试刷新页面 ### 调试信息解读 插件会在控制台输出详细的调试信息： ``` === 开始提取视频信息 === 找到视频元素数量: 2 === 策略1: 查找正在播放的视频 === 可见视频数量: 1 ✅ 找到正在播放的视频 === 策略2: 从视频元素获取URL === 从视频元素获取的URL候选: ["https://..."] ✅ 从视频元素获取到URL: https://... ``` ### 手动测试 如果插件仍然有问题，可以： 1. **使用调试工具** (`debug.html`) 2. **检查网络请求**： - 打开开发者工具 → Network - 筛选器选择 "Media" - 查看视频相关的网络请求 3. **检查页面元素**： - 在开发者工具中搜索 `