UI自动化截图之chromeFirefox篇

截图之chromeFirefox篇"/>

UI自动化截图之chromeFirefox篇

在web的UI自动化中，小伙伴们经常遇到的一个问题是，IE的截屏非常好实现（一个save_screenshot即可满足），而chrome和Firefox的全屏截图就让人很是头疼了。今天作者来给大家分享下自己实例中使用的chrome和Firefox浏览器全屏截图方法。

1.chrome

1）可以利用phantomjs，截取基于webkit内核的无界面浏览器页面全图。代码如下：

实现非常简单，用PhantomJS()创建浏览器，打开截图即可。

开始作者用phantomjs用的很开心。

**突然某天，**程序就抛出了问题：

UserWarning: Selenium support for PhantomJS has been deprecated, please use headless versions of Chrome or Firefox instead

查明原因，发现是phantomjs不再更新，新版的selenium不支持phantomjs了。T^T

没有办法，只能另辟新径了0o0

2）使用chrome的headless属性+js脚本进行截图

话不多说，上代码–

i）声明两个属性：headless和disable-gpu

–headless：使用headless模式打开chrome浏览器

–disable-gpu：临时需要

ii）在webdriver打开chrome前加载属性即可

js脚本解读：

• Document.body.scrollwidth——body对象宽度- document.body.offsetWidth——网页可见区域