木偶戲：使用外部功能與DOM的互動

Question

隨着操縱木偶的鉻試驗開發工具，我想設置和使用外部FUNC

const puppeteer = require('puppeteer'); 

    async function setSelectVal(page, sel, val) { 
     page.evaluate((data) => { 
      return document.querySelector(data.sel).value = data.val 
     }, {sel, val}) 
    } 

(async() => { 
    const browser = await puppeteer.launch({headless: false}); 
    const page = await browser.newPage(); 
    await page.goto('url', {waitUntil: 'load'}); 

    const inputLogin = await page.$('input[name=login]'); 
    await page.focus('input[name=login]'); 
    await page.type('login', {delay: 100}); 

    const inputPassord = await page.$('input[name=password]'); 
    await inputPassord.click(); 
    await page.type('pass', {delay: 100}); 

    const inputValidate = await page.$('input[name=valid]'); 
    await inputValidate.click(); 

    await page.waitForSelector('td.newpageclass'); 

    await setSelectVal(page, 'select[name=targetname]', 'targetvalue') 
})(); 

，但它觸發的錯誤：

(node:16312) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: Protocol error (Runtime.evaluate): Target closed. (node:16312) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

你知道我應該怎麼做？

Answer 1

只是範圍問題： 您的setSelectVal函數沒有頁面變量，請務必將其傳遞給它。

const puppeteer = require('puppeteer'); 

async function setSelectVal(page, sel, val) { 
    return await page.evaluate((data) => { 
     return document.querySelector(data.sel).value = data.val 
    }, {sel, val}) 
} 

(async() => { 
    const browser = await puppeteer.launch({headless: false}); 
    const page = await browser.newPage(); 
    await page.goto('url', {waitUntil: 'load'}); 
    await setSelectVal(page, 'select[name=targetname]', 5) 
})();