简单但好用:4种Selenium截图方法

前言

我们执行UI自动化操作时,大多数时间都是不在现场的,出现错误时,没有办法第一时间查看到,这时我们可以通过截图当时出错的场景保存下来,后面进行查看报错的原因,Selenium中提供了几种截图的方法,小编今天给大家介绍下。

方法一

get_screenshot_as_base64()整个函数,获取当前屏幕页面截图。

我们通过代码编写打开百度页面,然后进行进行通过base64进行截图,截图后再次进行转换成图片保存下来。

复制代码
# coding:utf-8from selenium import webdriverimport base64driver = webdriver.Chrome()driver.get('https://www.baidu.com/')# 通过base64进行保存图片x = driver.get_screenshot_as_base64()image = base64.b64decode(x)file = open('1.jpg', "wb")file.write(image)

程序执行完成后,我们直接可以看到图片成功保存在本地。

方法二

save_screenshot(filename)是属于Selenium自带的截图函数,其中filename表示图片名称,道理一样,直接打开百度网页进行保存。

复制代码
# coding:utf-8from selenium import webdriverdriver = webdriver.Chrome()driver.get('https://www.baidu.com/')# 保存图片到本地driver.save_screenshot('1.png')

代码执行完成后,发现图片信息已经保存下来了。

方法三

get_screenshot_as_file(filename)获取截图信息,其中filename表示图片名称,这里需要注意的是,图片信息只能保存为png格式的,其他的格式,代码会出现报错。​​​​​​​

复制代码
# coding:utf-8from selenium import webdriverdriver = webdriver.Chrome()driver.get('https://www.baidu.com/')# 截图保存在本地driver.get_screenshot_as_file('1.png')

方法四

get_screenshot_as_png() 通过二进制的方式进行保存图片。​​​​​​​

复制代码
# coding:utf-8from selenium import webdriverdriver = webdriver.Chrome()driver.get('https://www.baidu.com/')# 截图保存在本地x = driver.get_screenshot_as_png()# 将二进制保存成图片形式file = open('1.png', "wb")file.write(x)

截图长图​​​​​​​

上述截图方法中均是截取的当前页面的图片,那么如果我想要整个浏览器显示的内容全部截图下来怎么操作呢?其实方法一样的,我们只需要获取到浏览器的高度,然后就可以将截图全部都截取下来了。​​​​​​​

复制代码
# coding:utf-8from selenium import webdriverimport timeopt = webdriver.ChromeOptions()opt.headless = True              # 把Chrome设置成可视化无界面模式driver = webdriver.Chrome(options=opt)  # 创建Chrome无界面对象driver.get('http://www.51testing.com/html/news.html')time.sleep(2)# js获取页面的宽高height = driver.execute_script("return document.documentElement.scrollHeight")# 将浏览器的宽高设置成刚刚获取的宽高driver.set_window_size(1960, height)time.sleep(3)driver.save_screenshot('22.png')

可以到我的个人号:atstudy-js

☑️这里有10W+ 热情踊跃的测试小伙伴们

☑️一起交流行业热点、测试技术各种干货

☑️一起共享面试经验、跳槽求职各种好用的

即可加入领取 ⬇️⬇️⬇️

转行、入门、提升、需要的各种干货资料

内含AI测试、 车载测试、自动化测试、银行、金融、游戏、AIGC...

需要注意的一点是,这里需要将浏览器设置成无页面模式,因为只有无页面形式才可以截全图,不然截的还是当前页面的图片,也就是浏览器的页面显示的。

执行完成代码后,发现我们已经将长图全部截取下来了。

总结

本篇的内容可能对于一些小伙们来说很简单,其实小编主要想介绍如何通过Selenium进行截取长图或者说整个页面的图片,当然如何在公司项目中进行使用,这个可能就需要小伙们根据公司项目进行合理安排,是否有此需求,感谢您的阅读,希望对您有所帮助。

相关推荐
devmoon1 小时前
在 Paseo 测试网上获取 Coretime:On-demand 与 Bulk 的完整实操指南
开发语言·web3·区块链·测试用例·智能合约·solidity
网络安全-杰克3 小时前
2026面试自动化测试面试题【含答案】
自动化测试·软件测试·面试·职场和发展
不会代码的小测试4 小时前
UI自动化-POM封装
开发语言·python·selenium·自动化
网络安全-杰克8 小时前
Jmeter压力测试工具安装与使用
自动化测试·软件测试·测试工具·jmeter·职场和发展
Wpa.wk9 小时前
接口自动化 - 接口鉴权处理常用方法
java·运维·测试工具·自动化·接口自动化
workflower9 小时前
业务需求-假设场景
java·数据库·测试用例·集成测试·需求分析·模块测试·软件需求
0思必得09 小时前
[Web自动化] Selenium获取元素的子元素
前端·爬虫·selenium·自动化·web自动化
Wpa.wk10 小时前
接口自动化 - 多环境统一文件配置 +多响应统一转换处理
运维·服务器·测试工具·自动化·接口自动化·统一配置
网安墨雨11 小时前
Python自动化一------pytes与allure结合生成测试报告
开发语言·自动化测试·软件测试·python·职场和发展·自动化
@zulnger11 小时前
selenium 自动化测试工具实战项目(窗口切换)
selenium·测试工具·自动化