深入探讨 Puppeteer 如何使用 X 和 Y 坐标实现鼠标移动

本文涉及的产品
检索分析服务 Elasticsearch 版,2核4GB开发者规格 1个月
智能开放搜索 OpenSearch行业算法版,1GB 20LCU 1个月
实时数仓Hologres,5000CU*H 100GB 3个月
简介: 本文介绍了如何利用Puppeteer实现鼠标移动模拟、代理IP技术、自定义请求头等方法,以增强爬虫的伪装性,成功抓取小红书等反爬能力强的网站内容。通过详细代码示例,展示了从配置代理到模拟用户行为的全过程。

爬虫代理

背景介绍

现代爬虫技术中,模拟人类行为已成为绕过反爬虫系统的关键策略之一。无论是模拟用户点击、滚动,还是鼠标的轨迹移动,都可以为爬虫脚本带来更高的“伪装性”。在众多的自动化工具中,Puppeteer作为一个无头浏览器控制库,以其强大的功能和灵活的 API 赢得了开发者的青睐。

本文将深入探讨 Puppeteer 如何通过X 和 Y 坐标精准实现鼠标移动,并结合实际案例展示如何采集小红书网站的内容。在此过程中,我们还将运用代理 IP 技术、设置 cookie 和 user-agent,模拟一个更加“真实”的用户环境。


问题陈述

在爬取小红书等具备强大反爬能力的网站时,仅简单发送 HTTP 请求已不足以满足需求。网站可能会通过以下方式检测爬虫:

  • 缺乏真实用户行为(鼠标移动、点击、键盘输入等)。
  • 请求 IP 地址异常频繁,导致触发封禁机制。
  • 浏览器指纹(如 User-Agent 或 Cookie)不符合常规。

这就要求我们在代码中实现:

  1. 模拟人类鼠标移动:基于 X 和 Y 坐标的动态轨迹。
  2. 代理 IP 技术:隐藏爬虫的真实 IP。
  3. 自定义请求头:包括 User-Agent 和 Cookie。
  4. 完整采集流程:以小红书为例,成功抓取页面内容。

解决方案

Puppeteer 的鼠标移动 API

Puppeteer 提供了 page.mouse.move(x, y, options) 方法来实现鼠标移动。结合一定的随机性,我们可以模拟真实用户的鼠标行为,避免直线轨迹暴露爬虫的本质。

实现代理 IP

使用代理 IP 技术能够有效地绕过 IP 限制。本文将参考爬虫代理的服务,通过配置代理服务器的地址、端口、用户名和密码,让 Puppeteer 的请求看起来更真实。


案例分析:采集小红书

以下是完整的代码实现,包含代理 IP、Cookie、User-Agent 的设置,以及鼠标移动的模拟。

const puppeteer = require('puppeteer');

// 配置代理IP信息 亿牛云爬虫代理 www.16yun.cn
const proxy = {
   
    host: '代理服务器域名', // 替换为16yun爬虫代理提供的域名
    port: '代理服务器端口', // 替换为16yun爬虫代理提供的端口
    username: '用户名',      // 替换为16yun爬虫代理提供的用户名
    password: '密码',        // 替换为16yun爬虫代理提供的密码
};

// 自定义 Cookie 和 User-Agent
const cookies = [
    {
   
        name: 'test_cookie',
        value: 'test_value',
        domain: 'xiaohongshu.com',
        path: '/',
    },
];
const userAgent = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36';

(async () => {
   
    // 启动 Puppeteer,并设置代理
    const browser = await puppeteer.launch({
   
        headless: false, // 可设置为 true 来启用无头模式
        args: [
            `--proxy-server=http://${
     proxy.host}:${
     proxy.port}`, // 配置代理
        ],
    });

    const page = await browser.newPage();

    // 设置认证代理
    await page.authenticate({
   
        username: proxy.username,
        password: proxy.password,
    });

    // 设置 User-Agent
    await page.setUserAgent(userAgent);

    // 设置 Cookie
    await page.setCookie(...cookies);

    // 打开小红书主页
    await page.goto('https://www.xiaohongshu.com', {
   
        waitUntil: 'networkidle2',
    });

    // 模拟鼠标移动
    console.log('模拟鼠标移动...');
    await page.mouse.move(100, 100); // 从点 (100, 100) 开始
    await page.waitForTimeout(500); // 等待 500 毫秒
    await page.mouse.move(200, 200, {
    steps: 20 }); // 平滑移动到点 (200, 200)

    // 获取页面内容
    const content = await page.evaluate(() => document.body.innerText);
    console.log('页面内容:', content);

    // 关闭浏览器
    await browser.close();
})();

代码解析

  1. 代理 IP 配置:通过 Puppeteer 的 --proxy-server 参数以及 page.authenticate 方法,完成代理 IP 的配置。
  2. Cookie 和 User-Agent:模拟浏览器的指纹数据,避免爬虫身份暴露。
  3. 鼠标移动模拟:采用 mouse.move 方法,通过动态坐标和步数实现平滑移动,模仿人类操作。
  4. 页面内容抓取:成功获取小红书页面的文本内容。

结论

通过结合 Puppeteer 的强大功能,我们不仅实现了对 X 和 Y 坐标的鼠标轨迹模拟,还在代码中整合了代理 IP 技术、Cookie 和 User-Agent 的设置。这些手段有效提升了爬虫的伪装性,使其能够成功应对小红书等具有强大反爬机制的网站。

下一步是什么? 你可以尝试进一步优化鼠标轨迹,使其更加随机,或结合键盘输入模拟,实现更加全面的行为伪装。技术无止境,挑战才刚刚开始!

相关文章
|
定位技术 数据格式
高德地图进阶开发实战案例(8):加载多个多边形的覆盖物且实现鼠标高亮和单击事件解决方案
高德地图进阶开发实战案例(8):加载多个多边形的覆盖物且实现鼠标高亮和单击事件解决方案
220 0
|
3月前
Pixi入门第二章:绘制各种图形
这篇文章是Pixi.js入门系列的第二章,重点在于如何使用Pixi.js绘制各种基本图形,如矩形、圆角矩形、圆形和椭圆,并提供了具体的代码示例。
84 0
Pixi入门第二章:绘制各种图形
|
3月前
|
图形学
Pixi入门第三章:绘制更多内容
这篇文章作为Pixi.js入门教程的第三章,介绍了如何使用鼠标事件(如mousemove)来实现在画布上绘制线条的功能,并提供了实现动态绘制的代码示例。
49 0
|
8月前
|
移动开发 小程序 API
uniapp组件库SwipeAction 滑动操作 使用方法
uniapp组件库SwipeAction 滑动操作 使用方法
198 1
|
数据可视化 Python
【100天精通python】Day39:GUI界面编程_PyQt 从入门到实战(下)_图形绘制和动画效果,数据可视化,刷新交互
【100天精通python】Day39:GUI界面编程_PyQt 从入门到实战(下)_图形绘制和动画效果,数据可视化,刷新交互
294 0
Threejs入门进阶实战案例(2):正常静态渲染和渲染动画的解决方案
Threejs入门进阶实战案例(2):正常静态渲染和渲染动画的解决方案
112 0
Echarts实战案例代码(24):柱图数据顶部显示图片的解决方案
Echarts实战案例代码(24):柱图数据顶部显示图片的解决方案
351 0
Echarts实战案例代码(24):柱图数据顶部显示图片的解决方案
|
编解码 前端开发 小程序
微信小程序canvas画布不清晰解决方法
微信小程序canvas画布不清晰解决方法
|
数据可视化 搜索推荐 JavaScript
数据可视化大屏Echarts高级开发散点图实战案例分析(地图扩展插件bmap.min.js、散点图、百度地图控件、柱图、涟漪动图、条件判断颜色)
数据可视化大屏Echarts高级开发散点图实战案例分析(地图扩展插件bmap.min.js、散点图、百度地图控件、柱图、涟漪动图、条件判断颜色)
633 0
Threejs入门进阶实战案例(4):addEventListener() 方法自适应窗口显示的方案
Threejs入门进阶实战案例(4):addEventListener() 方法自适应窗口显示的方案
135 0