javascript - Puppeteer:替换相同选择器内的innerHTML

Question

使用puppeteer截取屏幕截图时，需要使用.menu__link类的动态元素将innerHTML更改为 stub 。

我使用BackstopJs puppet/onReady.js

当我尝试此操作时，仅替换页面上的第一个元素:

module.exports = async (page) => {
    const myLocalValue = "Test";
    const tweets = await page.$$('.menu__link');


    for (const tweet of tweets) {
        await page.$eval('.menu__link', (el, value) => el.innerHTML = value, myLocalValue)
    }
};

这段代码根本不起作用:

module.exports = async (page) => {
    const myLocalValue = "Test";
    const tweets = await page.$$('.menu__link');


    for (const tweet of tweets) {
        await page.$eval(tweet, (el, value) => el.innerHTML = value, myLocalValue)
    }
};

请告诉我如何使用 puppeteer 替换整个页面上所有 .menu__link 的 innerHTML？

Answer 1

您可以使用$$eval

await page.$$eval('. menu__link', (links, value) => links.forEach(el => el.innerHTML = value), 'myLocalValue');