在电脑上使用微信读书网页版的时候,搜索结果无法复制,查看书名对应的源代码如下:
<div class="wr_index_page_mini_bookInfo_content_title"><span data-v-dd57013d="">
大模型应用开发 动手做AI Agent</span><div class="wr_index_page_mini_bookInfo_content_info_extra"><div
class="wr_index_page_mini_bookInfo_content_info_extra_icon"></div><div
class="wr_index_page_mini_bookInfo_content_info_extra_count">137</div></div></div>
可以用AI写一个脚本来提取微信读书的搜索结果。
在deepseek中输入提示词
你是一个编程专家,写一个可以运行在Chrome浏览器的Javascript脚本,脚本的任务是:
定位当前页面中所有class="wr_index_page_mini_bookInfo_content_title"的div元素,
提取其文本内容;
输出到Chrome浏览器的控制台;
Deepseek的回复:
以下是一个可以在Chrome浏览器中运行的JavaScript脚本,用于定位当前页面中所有 class="wr_index_page_mini_bookInfo_content_title" 的 div 元素,提取其文本内容,并输出到Chrome浏览器的控制台。
脚本代码
(function() {
// 获取所有符合条件的 div 元素
const elements = document.querySelectorAll('div.wr_index_page_mini_bookInfo_content_title');
// 检查是否找到元素
if (elements.length === 0) {
console.log('未找到符合条件的 div 元素。');
return;
}
// 遍历所有元素并提取文本内容
elements.forEach((element, index) => {
const text = element.textContent.trim(); // 提取文本内容并去除前后空格
console.log(`第 ${index + 1} 个元素的文本内容: ${text}`);
});
})();
接下来运行此脚本:
打开Chrome浏览器,并访问微信读书网页。
打开开发者工具:
按 F12 或 Ctrl + Shift + I(Windows/Linux),或 Cmd + Option + I(Mac)。
切换到 Console(控制台) 选项卡。
粘贴脚本代码:
将上述代码粘贴到控制台中。
按下回车运行:
脚本会立即运行,提取所有符合条件的微信读书搜索结果,并输出到控制台。
代码功能总结
-
目标:提取微信读书搜索结果中的书名
-
工作流程:
- 查找所有包含书名的div元素
- 验证是否找到元素
- 遍历所有找到的元素
- 提取并格式化文本内容
- 在控制台输出结果
-
使用方法:
- 在Chrome开发者工具的控制台中运行
- 会自动提取当前页面上所有匹配的书名
- 每个书名会带有序号输出到控制台
-
优点:
- 代码简洁清晰
- 有基本的错误处理
- 输出格式规范
- 避免全局变量污染