V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
ko20
V2EX  ›  分享创造

抓取易车销量排行榜数据整合到一个页面上展示

  •  
  •   ko20 · 123 天前 · 891 次点击
    这是一个创建于 123 天前的主题,其中的信息可能已经有所发展或是发生改变。

    点击原文浏览


    易车销量排行榜页面是 https://car.yiche.com/newcar/salesrank/ ,由于易车 web 端没有提供一页展示多少条数据的功能,所以浏览这个排行榜时就得一页一页的翻,想查某一车型的销量数据很不方便。

    但是易车手机 app 是可以一页展示的,而且也能搜索车型,不过碍于手机屏幕过小,我还是希望在 web 上查看,可以利用 Control + F 功能,更快速的寻找想要的数据。

    当前时间是 2024-07-10 13:47:01 ,默认展示的是上一个月的数据,也就是 2024 年 6 月份的销量排行榜。

    如果想抓取 2024 年 5 月的数据,请求地址是

    其中 xxx 代表页码。

    我抓取了 2024 年 6 月的国内汽车销量数据,生成了一个静态页面。欢迎查阅:2024 年 6 月国内汽车销量排行榜-按车型分

    下面是源码

    (async () => {
        const totalPages = 62; // 一共 62 页
    
        const fetchDataForPage = async (pageNum) => {
            let pageUrl = `https://car.yiche.com/newcar/salesrank/?page=${pageNum}`;
            const response = await fetch(pageUrl);
            const text = await response.text();
            const parser = new DOMParser();
            const doc = parser.parseFromString(text, 'text/html');
            // 返回整个 div.rk-list-box 元素
            return doc.querySelector('div.rk-list-box');
        };
    
        // 定义睡眠函数
        const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));
    
        // 获取第一页的数据,并初始化页面
        let mainListBox = document.querySelector('div.rk-list-box');
    
        if (!mainListBox) {
            console.error('初始化时无法找到 div.rk-list-box 元素');
            return;
        }
    
        for (let i = 2; i <= totalPages; i++) {
            console.log(`正在抓取第 ${i} 页的数据...`);
            const pageListBox = await fetchDataForPage(i);
    
            if (pageListBox) {
                // 查找并更新所有懒加载图片
                const lazyImages = pageListBox.querySelectorAll('.rk-img.lazyload');
                lazyImages.forEach(img => {
                    if (img.dataset.original) {
                        img.src = img.dataset['original'];
                    }
                });
                // 将新页的数据追加到现有的列表中
                mainListBox.append(...pageListBox.children);
            } else {
                console.error(`第 ${i} 页的数据抓取失败`);
            }
    
            // 每抓取一页后等待 15 秒
            await sleep(15000); // 15 秒
        }
    
        console.log('所有数据抓取完毕!');
    })();
    

    然后我将这个 htm 文件托管到了自己的服务器上,尽管这个文件有 44MB ,但是加载好之后通过 Control + F 查找车型和销量数据实在是太方便了。2024 年 6 月国内汽车销量排行榜-按车型分

    大家感兴趣也可以自行抓取历史月份的数据,这对将要买车的朋友们也是一个参考。

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2689 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 11:15 · PVG 19:15 · LAX 03:15 · JFK 06:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.