使用JavaScript脚本快速获取B站观看历史记录页面的视频标题和URL
内容提要
本文介绍了如何使用JavaScript脚本快速提取哔哩哔哩观看历史记录页面的视频标题和URL。用户只需打开历史记录页面,按F12进入控制台,粘贴并执行脚本,即可获取所需信息,方便分享给朋友。
延伸解读
脚本工作原理与关键选择器
脚本通过 document.querySelector('#history_list') 定位历史记录列表容器,再遍历其中的 li 标签,提取 a.title 的 href 和文本内容。URL 处理时,会去掉问号及其后参数,并补上 https: 前缀,从而得到干净的链接。若容器不存在,控制台会输出“无法找到目标 div”,提示用户检查页面结构是否变化。
使用注意事项与常见问题
脚本仅能获取页面已加载的内容,因此如果历史记录未完全加载,结果可能不完整。搜索关键词是可选的,但搜索后只会收集当前显示的结果。执行前需按 F12 打开控制台,若浏览器禁止粘贴,可先输入 allow pasting 并回车。B 站网页版允许直接粘贴,无需额外操作。
适用场景与输出格式
该脚本适合快速整理和分享最近观看的视频列表,尤其是在使用关键词搜索后,能一次性提取多个条目的标题和 URL。输出格式为每行“- 标题 URL”,便于直接复制到聊天窗口或文档中。作者在示例中搜索“富士”和“索尼”,成功获取了相关视频的标题和链接。
Q&A
如何使用JavaScript脚本提取B站观看历史记录中的视频标题和URL?
用户需打开历史记录页面,按F12进入控制台,粘贴并执行脚本即可提取视频标题和URL。
B站观看历史记录页面的地址是什么?
B站观看历史记录页面的地址是 https://www.bilibili.com/account/history。
如果脚本无法找到目标div,控制台会有什么提示?
如果目标div不存在,控制台会提示'无法找到目标 div'。
执行脚本后,用户能获得什么信息?
执行脚本后,用户可以快速获取视频的标题和URL,方便分享给朋友。
在执行脚本之前,用户需要做什么准备?
用户需要打开历史记录页面,并可选择搜索关键词以收集已加载的内容。
脚本中使用了哪些JavaScript方法来提取信息?
脚本使用了querySelectorAll方法选择符合路径的div,并遍历li标签获取视频标题和URL。