20爬虫：使用playwright与图鉴破解豆瓣滑动验证码

1.浏览器坐标系

整个浏览器的坐标系示意图如下图所示，原点在网页的左上角，水平向右是x轴正方向，水平向下是y轴正方向，这个基础知识对于接下来使用playwright模拟鼠标点击滑动验证是非常重要的。

2.实现流程

（1）playwright访问豆瓣网站，定位账号输入框并输入账号，定位获取验证码按钮，让网页弹出滑动验证码窗口，定位整个滑动验证码图片（在下面的代码中我们可以看到，我们下载图片验证码的时候定义的是整个与滑动验证码有关的div块）。

（2）下载滑动验证码图片，如下图所示，将滑动验证码图片交给图鉴，图鉴会以字符串的形式返回一个滑块移动的距离。

（3）playwright定位到滑块标签，使用playwright的内置方法获取滑块标签的坐标以及宽度。

（4）playwright模拟鼠标选中滑块标签，拖到滑块标签滑动图鉴返回的移动距离，松开鼠标。

3.代码实现

'''
程序不能实现我们需要的滑动验证的效果
    使用图鉴中的单张图片识别，现在的问题是没有看到鼠标拖动的效果，页没有看到验证