Puppeteer: 虚拟键盘

文档

main.js

const pptr = require('puppeteer');
const gotoUrl = 'http://127.0.0.1:5500/index.html';

(async () => {
  const browser = await pptr.launch({
    headless: false,
    slowMo: 250,
  });
  const page = await browser.newPage();

  page.on('console', msg => {
    console.log(msg.text());
  });
  await page.goto(gotoUrl);

  await page.focus('input[type=text]');

  // 要输入到焦点元素中的文本
  await page.keyboard.type('Hello World!');

  // 按下的键名, 比如 ArrowLeft
  await page.keyboard.press('ArrowLeft');

  // 按下之后不释放
  await page.keyboard.down('Shift');

  // 循环按了5次ArrowLeft
  for (let i = 0; i < ' World'.length; i++)
    await page.keyboard.press('ArrowLeft');

  // 释放按键
  await page.keyboard.up('Shift');

  // 按下删除键
  await page.keyboard.press('Backspace');

  await page.keyboard.type('ajanuw');

  for (let i = 0; i < 'ajanuw'.length; i++)
    await page.keyboard.press('ArrowLeft');

  await page.keyboard.type(' ');

  await page.keyboard.down('Shift');
  await page.keyboard.press('ArrowRight');
  await page.keyboard.type('A');
  await page.keyboard.up('Shift');

  const value = await page.$eval('input[type=text]', e => e.value);

  console.log(value); // Hello Ajanuw!

  await browser.close();
})();

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
    <input type="text" />
  </body>
</html>

转载于:https://www.cnblogs.com/ajanuw/p/10976180.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值