如何从 Puppeteer 中的按钮打开新的 window 页面？

Question

I'm trying to open a new window page from a button in Puppeteer.

An example given: I'm logging to a website and the moment I click the button for the login a new fresh window page will pop-up, redirecting to the site the button is meant to be going. How can I do it?

Answer 1

You can do that by simply pressing Shift button while doing page.click And to catch the newly opened window you can use waitForTarget.

const puppeteer = require('puppeteer')

;(async () => {
    const browser = await puppeteer.launch({
        headless: false,
        defaultViewport: null,
    })
    const context = browser.defaultBrowserContext()
    const page = (await context.pages())[0]
    await page.goto('https://www.amazon.com/gp/product/B093GQSVPX/ref=ppx_yo_dt_b_asin_title_o00_s00?ie=UTF8&psc=1', {waitUntil: 'load'})
    await page.waitForSelector('a[title="Add to List"]', {visible: true})
    await page.keyboard.down('Shift')
    await page.click('a[title="Add to List"]')
    await page.keyboard.up('Shift')
    const popup = await browser.waitForTarget(
        (target) => target.url().includes('www.amazon.com/ap/signin')
    )

    const popupPage = await popup.page()
    await popupPage.waitForSelector('a.a-link-expander[role="button"]')
    await popupPage.click('a.a-link-expander[role="button"]')
    await popupPage.click('input#continue[type="submit"]')
    await browser.close()
})()

Answer 2

I have issue to click anything or use command to do some action on new opened window, everything works from command above, it return value of popupPage.url(), so it detect its opened, but it goes to line of action.. and no error and nothin happens on window, any suggestion?

await page.goto('https://twitter.com');

  await sleep(3000);
  const frame = page.frames().find(f => f.url().startsWith('https://accounts.google.com/gsi/button'));
  const acceptBtn = await frame.$('#container > div > div.nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb.oXtfBe-l4eHX > span.nsm7Bb-HzV7m-LgbsSe-BPrWId');
  await acceptBtn.click();

  await sleep(5000);
  const popup = await browser.waitForTarget((target) => target.url().includes('accounts.google.com/v3/signin'));
  //await popup.click('#yDmH0d > c-wiz > div > div.eKnrVb > div > div.j663ec > div > form > span > section > div > div > div:nth-child(3) > button');
  const popupPage = await popup.page()
  console.log(popupPage.url());
  await popupPage.type('input[type="email"]', "hehehe", { delay: 200 });