如何获取网页中含指定搜索词的词汇列表并导出?
获取MDN Web API页面中含指定关键词的词汇列表方法
直接用浏览器开发者工具的控制台就能搞定,步骤如下:
打开MDN Web API文档页面,按
F12(或Ctrl+Shift+I)打开开发者工具,切换到Console标签页。执行以下代码筛选并输出含"Audio"的API词汇:
// 抓取页面所有API链接文本,过滤出含"Audio"的条目并去重 const audioAPIs = Array.from(document.querySelectorAll('#sidebar-quicklinks ul li a')) .map(link => link.textContent.trim()) .filter(name => name.includes('Audio')) .filter((item, idx, arr) => arr.indexOf(item) === idx); // 控制台输出列表 console.log('含"Audio"的API列表:', audioAPIs);
- 如果要导出为TXT文件,在控制台继续执行这段代码:
// 将列表转为纯文本格式 const txtContent = audioAPIs.join('\n'); // 创建下载链接并触发下载 const blob = new Blob([txtContent], { type: 'text/plain' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'Audio_APIs.txt'; a.click(); URL.revokeObjectURL(a.href);
这段代码会自动生成并下载一个包含所有目标词汇的TXT文件,每行一个条目。
注:如果页面结构有更新,只需调整
document.querySelectorAll里的选择器,确保能抓取到所有API名称元素即可。
内容的提问来源于stack exchange,提问作者Swaminath Bera
相关产品推荐
相关产品推荐

