zoukankan      html  css  js  c++  java
  • 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>
    
  • 相关阅读:
    MVVM
    vue-cli初始化项目2.x|3.x
    逻辑覆盖
    white box白盒测试
    black box黑盒测试
    总结回顾js arr的常见方法以及相关的使用场景(一)
    js 原生功底 (一)
    markdown 语法总结(一)
    阿里一面,面试官想看到的究竟是什么,带你揭秘!!!!
    关于Axios 源码你想了解的 在这儿
  • 原文地址:https://www.cnblogs.com/ajanuw/p/10976180.html
Copyright © 2011-2022 走看看