编程派微旗子暗记:codingpy

《Think Python 2e》本周六停息更新,最新章节请看:纯函数是什么东东?《Think Python 2e》第十六章:类和函数。
本日禀享如何进行自动化网页截图

Selenium 是一个可以让浏览器自动化地实行任务的工具,常用于自动化测试。
与bs4等结合利用,也适宜爬取动态网页数据。
不过没想到,它居然可以用于网页截图,而且由于可编程性,用法更具想象空间。

jqueryhtml5实现截图应用Python  Selenium 主动化快速截图 Node.js

目前,Selenium 支持 Java、C#、Ruby 以及 Python 四种客户端措辞。
如果你利用 Python,则只须要在命令行里输入pip install selenium并回车,即可安装 selenium 的 Python 版本客户端支持。

如何截取全体网页窗口

如果想截取全体窗口的话,可以利用 driver.save_screenshot() 。
下面以编程派的网站为例,编写一个脚本截取首页的截图:

我们运行这段代码之后,会当前目录创建名为codingpy.png的图片文件。
我们看一下实际效果(我已对图片进行裁剪,只保留了前面一部分)。

我们创造,第二篇文章的配图没有加载出来,是空缺的。
这是由于我在设计时哀求窗口滚动到元素位置时才加载图片。

先实行JS脚本再截图

不过还好 Selenium 支持注入JS脚本。
我们先在首页上实行一段 JavaScript 脚本,将页面的滚动条拖到最下方,然后再拖回顶部,末了才截图。
这样可以办理像上面那种按需加载图片的情形。

下面是改进后的代码,封装进了一个名为 take_screenshot 的函数中:

如何截取某个网页元素

有时候我们只想截取某个网页元素的图片呢?比如说会动态变革的验证码。
本来 Selenium 也供应了对元素截图的支持,只要在选中的元素上调用其 screenshot() 方法即可。

但是在实际利用时却碰着了 Unrecognized command 这个非常,经由一段韶光检索也没有找到办理办法。
以是,只能曲线救国,利用 Selenium 实行JS代码,将页面上不须要的元素逐一删除,只保留我们希望留下的元素,然后再利用上面的窗口截屏功能。

例如,如果我们只截取编程派网站右侧的二维码,可以实行这样一段JQuery代码:

代码实行完毕之后,就只剩下二维码的图片了。
然后我们再截屏。
不过这样有一点不好,便是截屏图片的下方会有大量空缺内容。

结语

虽然对元素截图涌现了问题,但是 Selenium 的这个截图功能还是非常强大的。
如上所示,它可以在页面上注入并实行一段 JavaScript 代码,还可以仿照鼠标点击等行为;而且可以同时运行多个实例,多个线程同时截图。

总的来说,利用 Selenium 进行网页截图是个不错的选择。

参考资料

Capture with Selenium

Selenium Python Docs

如果想阅读参考资料或复制代码,请访问http://codingpy.com哦。