小编Tal*_*lom的帖子

headless false - 始终关注地址栏

我正在使用带有headless=false选项的puppeteer ,以便让用户在表单中输入一些详细信息,然后以编程方式读取结果。我希望在加载页面时光标/焦点将位于第一个输入字段上,但焦点始终位于地址栏上。有没有办法在页面内移动光标/焦点?

我已经试过了await page.focus(selector)。请找到以下示例:

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({ headless: false});
  const page = await browser.newPage();
  let selector = ".w3-white.w3-padding.notranslate>form>input[name='firstname']";
  await page.goto('https://www.w3schools.com/html/html_forms.asp');
  await page.waitForSelector(selector,{waitUntil :"networkidle2"});
  await page.focus(selector);
  await page.type(selector,"aaa");

  //await browser.close();
})();
Run Code Online (Sandbox Code Playgroud)

我希望在页面加载后,用户将能够在输入字段内输入,而不必先“移动”到该字段中(通过鼠标或选项卡)。

node.js puppeteer

5
推荐指数
1
解决办法
1023
查看次数

标签 统计

node.js ×1

puppeteer ×1