無法從網站取得輸入元素

Question

所以我試著從Twitter 取得一個輸入元素，但當我運行它時，它不斷在節點終端中給我一個這樣的錯誤，結果，由此程式碼創建的瀏覽器視窗將自行關閉，因為它找不到正確的輸入選擇器。如何取得正確類型的輸入？

錯誤：找不到選擇器的元素：input[name="text"]

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
    headless: false,
  })
  const page = await browser.newPage();
  page.setViewport({
    width: 1280,
    height: 800,
    isMobile: false
  })
  await page.goto("https://twitter.com/i/flow/login");
  await page.type('input[name="text"]', 'username', {delay: 25})
})();

我嘗試了不同的選擇器，包括 class 屬性，但仍然出現錯誤

Answer 1

您需要在輸入之前waitForSelector出現在頁面上。這就是為什麼你會收到錯誤，它找不到該元素。

  await page.waitForSelector('input[name="text"]');
  await page.type('input[name="text"]', 'username', {delay: 25})