Puppeteer技术问题：如何向querySelector传递变量

API 探路者

2026-6-16

解决Puppeteer中把变量传入querySelector选择器的问题

你的问题出在直接将变量名写在选择器字符串里——浏览器会把usedLicenses当成字面量文本，而不是你传入的变量值。要让选择器正确解析变量，需要在page.evaluate的回调里用字符串拼接或者ES6模板字符串把变量值插入到选择器中。

修正后的单元素获取代码

// 先确保usedLicenses是数字类型（因为textContent返回的是字符串）
const usedLicensesNum = parseInt(usedLicenses, 10);

const activeUsers = await page.evaluate((licenseCount) => {
    // 用模板字符串把变量插入到:nth-child()中
    const selector = `#root > div > main > div > div:nth-child(3) > ul > li:nth-child(${licenseCount}) > div.title > strong`;
    return document.querySelector(selector).textContent;
}, usedLicensesNum);

补充：循环获取所有活跃用户信息的实现

既然你提到要从1循环到usedLicenses，可以用page.evaluate一次性在浏览器端完成循环，减少多次IPC通信的开销：

const usedLicensesNum = parseInt(usedLicenses, 10);

if (usedLicensesNum > 0) {
    const allActiveUsers = await page.evaluate((count) => {
        const users = [];
        for (let i = 1; i <= count; i++) {
            const selector = `#root > div > main > div > div:nth-child(3) > ul > li:nth-child(${i}) > div.title > strong`;
            const userElement = document.querySelector(selector);
            if (userElement) {
                users.push(userElement.textContent.trim());
            }
        }
        return users;
    }, usedLicensesNum);
    
    console.log('所有活跃用户:', allActiveUsers);
}