Deepseek开发极简浏览器插件:微信读书检索结果提取

 

在电脑上使用微信读书网页版的时候,搜索结果无法复制,查看书名对应的源代码如下:

<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(控制台) 选项卡。

粘贴脚本代码:

将上述代码粘贴到控制台中。

按下回车运行:

脚本会立即运行,提取所有符合条件的微信读书搜索结果,并输出到控制台。

代码功能总结

  1. 目标:提取微信读书搜索结果中的书名

  2. 工作流程

    • 查找所有包含书名的div元素
    • 验证是否找到元素
    • 遍历所有找到的元素
    • 提取并格式化文本内容
    • 在控制台输出结果
  3. 使用方法

    • 在Chrome开发者工具的控制台中运行
    • 会自动提取当前页面上所有匹配的书名
    • 每个书名会带有序号输出到控制台
  4. 优点

    • 代码简洁清晰
    • 有基本的错误处理
    • 输出格式规范
    • 避免全局变量污染
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值