Wie verwenden von xpath in Chrom headless+Puppenspieler evaluate()?

$x() ist nicht ein standard-JavaScript-Methode, um select-Elemente durch XPath. $x() es ist nur eine Helfer in chrome devtools. Sie behaupten, das in der Dokumentation:

Hinweis: Diese API ist nur über die Konsole selbst. Sie haben keinen Zugriff auf die Command Line API von Skripts auf der Seite.

Sowie page.evaluate() hier behandelt wird als ein "Skripts auf der Seite".

Haben Sie zwei Möglichkeiten:

1. Verwenden Dokument.bewerten

Hier ist ein Beispiel für die Auswahl element (vorgestellten Artikel) innerhalb page.evaluate():

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://en.wikipedia.org', { waitUntil: 'networkidle2' });

    const text = await page.evaluate(() => {
        //$x() is not a JS standard -
        //this is only sugar syntax in chrome devtools
        //use document.evaluate()
        const featureArticle = document
            .evaluate(
                '//*[@id="mp-tfa"]',
                document,
                null,
                XPathResult.FIRST_ORDERED_NODE_TYPE,
                null
            )
            .singleNodeValue;

        return featureArticle.textContent;
    });

    console.log(text);
    await browser.close();
})();

1. Select-element von Puppeteer page.$x() und übergeben es an page.evaluate()

Diesem Beispiel erzielt die gleichen Ergebnisse wie in der 1. Beispiel:

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://en.wikipedia.org', { waitUntil: 'networkidle2' });

    //await page.$x() returns array of ElementHandle
    //we are only interested in the first element
    const featureArticle = (await page.$x('//*[@id="mp-tfa"]'))[0];
    //the same as:
    //const featureArticle = await page.$('#mp-tfa');

    const text = await page.evaluate(el => {
        //do what you want with featureArticle in page.evaluate
        return el.textContent;
    }, featureArticle);

    console.log(text);
    await browser.close();
})();

Hier ist eine Verwandte Frage, wie man die Spritzen $x() Helfer-Funktion, um Ihre Skripte.