Puppeteer: pass değişkeni .evaluate()

Question

page.evaluate() işlevine bir değişken geçirmeye çalışıyorum, ancak aşağıdaki çok basitleştirilmiş örnek kullandığınızda, evalVar değişkeni tanımsızdır.

Ben Puppeteer için yeniyim ve üzerinde herhangi bir örnek bulamıyorum, bu yüzden içimde kullanabilmek için bu değişkeni page.evaluate() işlevine geçirmemde yardıma ihtiyacım var.

const puppeteer = require('puppeteer'); 

(async() => { 

    const browser = await puppeteer.launch({headless: false}); 
    const page = await browser.newPage(); 

    const evalVar = 'WHUT??'; 

    try { 

    await page.goto('https://www.google.com.au'); 
    await page.waitForSelector('#fbar'); 
    const links = await page.evaluate((evalVar) => { 

     console.log('evalVar:', evalVar); // appears undefined 

     const urls = []; 
     hrefs = document.querySelectorAll('#fbar #fsl a'); 
     hrefs.forEach(function(el) { 
     urls.push(el.href); 
     }); 
     return urls; 
    }) 
    console.log('links:', links); 

    } catch (err) { 

    console.log('ERR:', err.message); 

    } finally { 

    // browser.close(); 

    } 

})(); 

Answer 1

Böyle pageFunction argüman olarak değişken geçmek zorunda:

const links = await page.evaluate((evalVar) => { 

    console.log(evalVar); // should be defined now 
    … 

}, evalVar); 

argümanlar da serileştirilebilir: https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pageevaluatepagefunction-args.

Answer 2

Bu stile sahip olmanızı öneririm, çünkü daha fazla uygun ve okunabilir.

let name = 'jack'; 
let age = 33; 
let location = 'Berlin/Germany'; 

await page.evaluate(({name, age, location}) => { 

    console.log(name); 
    console.log(age); 
    console.log(location); 

},{name, age, location});