如何使用Selenium自动化测试工具获取动态图片验证码？

关于图片验证码的文章，我想大家都应该看过类似的文章了。

在我们做UI自动化的时候，经常会遇到图片验证码的问题。

当开发不给咱们提供万能验证码，或者测试第三方网站比如知乎的时候，我们就需要自己去识别验证码。

OCR

OCR是一种图像文字识别的技术，例如图中的验证码，我们用肉眼识别就是c5s3，但机器可不比咱们肉眼。所以我们要利用ocr技术，让我们的Python脚本自动通过图片识别出对应的文字。

常见的识别类库

在Python中其实有许多识别类库，这里只介绍博主自己实践过的成功率还不错的: 百度ocr。

简单的说，就是百度提供了一个SDK，让我们传入图片数据，从而拿到识别的结果。ocr的细节我们不需要关心。

申请开通OCR

首先我们得有一个百度账号，这个相信大家都有，没有的可以申请一个。

登录百度控制台，进入https://login.bce.baidu.com/并登录。

选择文字识别：

创建应用：

填写相关应用信息：

创建好了之后可以看到具体的应用信息，记住这3个关键信息。待会会用到。

·appid

·apikey

·secret key

熟悉OCR文档

官方文档地址: https://cloud.baidu.com/doc/OCR/s/wkibizyjk

文档会写的比较清楚，简单的说就是通过你的appid,api key和secret key获取一个client，接着你就可以调用client的api去获取图片中的文字了。官方的SDK还是比较贴心的。

·安装 SDK

pip install baidu-aip

讲完了文字怎么识别，接着就来说说标题中的动态图片验证码。

动态图片验证码

这个概念是我自己命名的，一般来说，我们的一张图片都是对应唯一一个 url 的，比如:

https://yuque.com?image=dshqadiau

(这个地址是我编的)一般来说 image 字段的值不同，图片也就不同，都是一串随机的或者规律的不重复数据，确保图片不会重复。

但是博主最近遇到了这样一种情况:

输入一个 url，每次输入，拿到的图片都不一样。

这样就会带来一个很严重的问题，页面上你虽然读取了图片的信息。我们把图片的url 传递给百度 sdk 的时候，url 由于再次调用，导致图片发生了变化。

比如网站上显示的是: c5s3，调用百度 sdk 的时候，百度会通过 url 读取图片，但再次读取，图片可能变成了 lfew。

不信大家可以看看这个图片地址:

怎么解决呢？

好在百度 sdk，他不仅仅支持 url，还支持图片文件和 base64 的图片数据。我们看看官方文档:

再回到 Selenium 里面，我们怎么才能获取到验证码那张图片呢？

思考一下:

1.读取 img 标签的 src，然后下载图片，保存图片文件再转为 base64，很显然这个方法行不通，为什么呢？

因为 img 的 src 属性就是刚才这个 url，你去获取一遍 url，它同样会变化。

2.截图，裁剪出验证码部分，扔给百度去识别可行是可行，但是会不会太复杂了？

如果我只对验证码的 img 元素进行截图，生成 base64 的数据是不是更方便？

其实呢，selenium 作为一款老牌的自动化测试工具，很多方法供大于求了。所以它是有这样的功能的！

最后：在我的V ：atstudy-js，可以免费领取一份10G软件测试工程师面试宝典文档资料。以及相对应的视频学习教程免费分享！其中包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。