如何模拟鼠标 click/key 笔画来选择 Puppeteer 每页多少个列表？

Question

我很难模拟鼠标click/key划动来选择page.goto()之后每页有多少个列表。这是 per page 选项的 HTML 源代码：

<label class="control-label pull-right" style="margin-right: 10px; font-weight: 100;">
    <small>Show</small>&nbsp;
    <select class="input-sm grid-per-pager" name="per-page">
        <option value="https://www.mysite-com/admin/order?per_page=10" >10</option>
        <option value="https://www.mysite-com/admin/order?per_page=20" selected>20</option>
        <option value="https://www.mysite-com/admin/order?per_page=30" >30</option>
        <option value="https://www.mysite-com/admin/order?per_page=50" >50</option>
        <option value="https://www.mysited-com/admin/order?per_page=100" >100</option>
    </select>
    &nbsp;<small>Piece</small>
</label>

默认是每页20个listings，我想把它改成每页100个listings，这需要用鼠标点击方框然后按箭头键两次选择[=16] =].这是一些用于此目的的代码：

await page.mouse.click("label.control-label .grid-per-pager");
await page.keyboard.press("ArrowDown");
await page.keyboard.press("ArrowDown");

它给了我一些错误。这里缺少什么？

Answer 1

page.select()

在这种情况下使用的最佳方法是 page.select()。

此方法接受 select 或 select 元素作为第一个参数和 option 您想要 select 的 value作为第二个参数：

await page.select('select[name="per-page"]', 'https://www.mysited-com/admin/order?per_page=100');

如何模拟鼠标 click/key 笔画来选择 Puppeteer 每页多少个列表？

How to simulate mouse click/key stroke to choose how many listings per page in Puppeteer?

javascript

node.js

headless-browser

google-chrome-devtools

puppeteer

page.select()