操縱木偶page.evaluate querySelectorAll返回空對象

Question

我試圖操縱木偶的人，這是你可以在 https://try-puppeteer.appspot.com/

問題運行示例代碼此代碼返回空對象的數組

[{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{ }，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}， {}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{}，{} ，{}，​​{}，{}，{}，{}，{}，{}]

我在做錯誤？

const browser = await puppeteer.launch(); 

const page = await browser.newPage(); 
await page.goto('https://reddit.com/'); 

let list = await page.evaluate(() => { 
      return Promise.resolve(Array.from(document.querySelectorAll('.title'))); 
     }); 
console.log(JSON.stringify(list)) 

await browser.close(); 

Answer 1

從評估函數返回的值應該是json serializeable。 https://github.com/GoogleChrome/puppeteer/issues/303#issuecomment-322919968

解決方案是從元素中提取href值並將其返回。

await this.page.evaluate((sel) => { 
     let elements = Array.from(document.querySelectorAll(sel)); 
     let links = elements.map(element => { 
      return element.href 
     }) 
     return links; 
    }, sel);