Puppeteer实现指定input输入框录入数据

Puppeteer的功能想必就不需要多说,那么如何实现对页面内的input输入框进行数据录入呢?

关于更多Puppeteer的参数说,可以参考《线上文档》。

完整代码:

const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://testnetbridge.com/');
await page.focus('#input_div');
//光标聚焦到指定的input上
await page.keyboard.sendCharacter('0.001');
//在comment输入框中输入字符串DDD
await page.keyboard.press('Enter');
//输入enter键
await browser.close();
})();

代码解析:

    1、page.focus聚焦到id为input_div的input上

        注:如果是class则为page.focus('.input_div'),这里需要注意名为input_div只能有一个。

    2、page.keyboard.sendCharacter('0.001')设置当前聚焦光标的值为0.001

    3、page.keyboard.press('Enter')输入Enter回车。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!