Puppeteer筆記（四）：Puppeteer模擬鍵盤

Puppeteer系列

1、Puppeteer筆記（一）：Puppeteer簡介

2、Puppeteer筆記（二）：Puppeteer安裝及實例Demo

3、Puppeteer筆記（三）：Puppeteer獲取元素及元素屬性 

4、Puppeteer筆記（四）：Puppeteer模擬鍵盤 

5、Puppeteer筆記（五）：Puppeteer文件上傳

6、Puppeteer筆記（六）：Puppeteer切換frame操作 

7、Puppeteer筆記（七）：Puppeteer切換瀏覽器TAB頁 

8、Puppeteer筆記（八）：Puppeteer執行自定義Javascript方法 

一、Puppeteer模擬鍵盤

1、keyboard.down(key[,options])

2、keyboard.press(key[,options])

3、keyboard.type(text,options)

4、keyboard.up(key])

二、上手實例Demo

　　Puppeteer模擬鍵盤，功能測試：打開百度首頁，輸入"hello world!"，刪除world，並模擬鍵盤按下”A"。

const puppeteer = require('puppeteer');
async function keyboard() {
    //創建一個Browser瀏覽器實例，並設置相關參數
    const browser = await puppeteer.launch({
        headless: false,
        defaultViewport: null,
        args: ['--start-maximized'],
        ignoreDefaultArgs: ['--enable-automation']
    });
    //創建一個Page實例
    const page = await browser.newPage();
    //打開百度首頁
    await page.goto("https://www.baidu.com");
    await page.$('#kw');
    //鍵盤輸入'Hello World!'
    await page.keyboard.type('Hello World!');
    await page.waitFor(2000);
    //鍵盤按下鼠標左鍵
    await page.keyboard.press('ArrowLeft');
    //按住鍵盤shift
    await page.keyboard.down('Shift');
    for (let i = 0; i < ' World'.length; i++)
        await page.keyboard.press('ArrowLeft');
    await page.keyboard.up('Shift');
    //鍵盤按住回車鍵盤
    await page.keyboard.press('Backspace');
    //緊接着模擬鍵盤按下大寫的"A",
    await page.keyboard.down('Shift');
    await page.keyboard.press('KeyA');
    await page.keyboard.up('Shift');
    //結果字符串最終為 'HelloA!'
    await page.waitFor(3000);
    //截圖並保存至keyboad.png
    await page.screenshot({
        path: 'keyboard.png'
    });
    await browser.close();
}
keyboard();