使用滑块检查器自动登录网站吗？

Question

我正在尝试使用puppeteer登录此站点。帐户和密码可以自动填写，但是我仍然需要使用鼠标将形状滑动到合适的位置。是否可以使用代码完全登录该网站？

问题更新：（我想出了一种更好的方式问这个问题，因此视图可以轻松理解）

请参见下图，如何计算该拼图孔中心的坐标？假设在左下角的像素（一个绿色小像素）的坐标为（0,0）。感谢您提供的任何帮助。

登录页面：

要成功登录，拼图块需要滑到正确的位置。

Answer 1

您正在寻找Mouse类。它允许您模拟页面内的mousedown和mouseup事件。

代码示例

const sliderElement = await page.$('#selector-of-slider');
const position = await slider.boundingBox();

await page.mouse.move(position.x, position.y);
await page.mouse.down();
await page.mouse.move(position.x + 200, position.y);
await page.mouse.up();

这将获取滑块元素的位置，并尝试将元素向右移动200px。您可能需要将该值更改为适合您的值。