Puppeteer - 键盘模拟

Puppeteer 可以执行键盘模拟操作,例如按下键盘上的某个键、按下向上、向下键等。所有这些都是使用键盘方法完成的。

键盘方法

一些键盘方法如下 −

keyboard.press()

此方法用于模拟按键。要按下的键作为参数传递给此方法。

语法如下 −

语法

keyboard.press('Enter')

keyboard.type()

此方法用于模拟从键盘输入文本。要输入的文本作为参数传递给此方法。

语法如下 −

语法

keyboard.type('Puppeteer')

keyboard.sendCharacter()

与 keyboard.type() 相同。

语法如下 −

语法

keyboard.sendCharacter('Puppeteer')

keyboard.up()

此方法用于模拟按下键盘上的向上箭头。

语法如下 −

语法

keyboard.up()

keyboard.down()

此方法用于模拟按下键盘上的向下箭头。

语法如下 −

语法

keyboard.down()
Keyboard Down

首先,请按照 Puppeteer 基础测试章节中的步骤 1 到 2 进行操作,如下所示 −

步骤 1 −在创建 node_modules 文件夹的目录(安装 Puppeteer 和 Puppeteer 核心的位置)内创建一个新文件。

有关 Puppeteer 安装的详细信息,请参阅 Puppeteer 安装一章。

右键单击创建 node_modules 文件夹的文件夹,然后单击新建文件按钮。

Node Modules

步骤 2 − 输入文件名,例如 testcase1.js。

Testcase1.JS

步骤 3 − 在创建的 testcase1.js 文件中添加以下代码。

//Puppeteer library
const pt= require('puppeteer')
async function keyboradSimulation(){
    //以 headless 模式启动浏览器
    const browser = await pt.launch()
    //浏览器新页面
    const page = await browser.newPage()
    //启动 URL
    await page.goto('https://www.tutorialspoint.com/index.htm')
    //通过 id 识别编辑框
    const f = await page.$("#gsc-i-id1")
    //输入文本
    f.type("Puppeteer")
    //等待一段时间
    await page.waitForTimeout(4000)
    //按 Enter
    await page.keyboard.press('Enter')
    //等待一段时间
    await page.waitForTimeout(4000)
    //识别元素
    const t = await page.$(".gsc-result-info")
    //获取文本
   const text = await (await t.getProperty('textContent')).jsonValue()
   console.log("Text is: " + text)
}
keyboradSimulation()

步骤 4 − 使用下面给出的命令执行代码 −

node <filename>

因此在我们的示例中,我们将运行以下命令 −

node testcase1.js
About 39 Results

命令成功执行后,输入 Puppeteer - About 39 results (0.15 seconds) 后按 Enter 键获得的文本将打印在控制台中。