news 2026/4/16 15:06:04

Selenium 自动化截取网页指定区域

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Selenium 自动化截取网页指定区域

一. 需求

在本篇博客中,我将分享一段使用Python编写的自动化网页截图代码,该代码基于Selenium和PIL库,可用于截取网页中指定区域的截图。这样的功能对于需要定期监控特定网页内容或进行网页数据采集的任务非常有用。

二. 代码解析

首先,我们使用Selenium库启动了一个Chrome浏览器,并通过设置选项隐藏了浏览器自动化控制提示。代码还实现了全屏效果,类似于按下F11键。

  1. import time

  2. from selenium import webdriver

  3. from PIL import Image

  4. # 启动浏览器

  5. chrome_options = webdriver.ChromeOptions()

  6. # 隐藏浏览器自动化控制提示

  7. chrome_options.add_experimental_option('excludeSwitches', ['enable-automation'])

  8. # 添加谷歌浏览器驱动位置

  9. # chrome_options.binary_location = r"E:\应用\谷歌浏览器插件\chrome-win64\chrome.exe"

  10. # 加载启动项页面全屏效果,相当于F11。

  11. chrome_options.add_argument("--kiosk")

  12. # 配置初始化

  13. driver = webdriver.Chrome(options=chrome_options)

然后,我们打开了指定的网页,并获取了页面的宽度和高度。

  1. # 打开页面

  2. url = 'https://baidu.com'# 请替换为你要打开的页面

  3. driver.get(url)

  4. # 获取页面宽度与高度

  5. hight,width = 'return document.body.clientHeight','return document.body.clientWidth'

  6. h,w = driver.execute_script(hight),driver.execute_script(width)

  7. print(w,h)

接下来,我们指定了要截取的区域的坐标,并使用Selenium的save_screenshot方法保存整个页面的截图。

  1. # 指定四个点的坐标,这里以左上角和右下角的坐标为例

  2. # x1起始宽度到 x2最大宽度的距离

  3. # y1起始高度到 y2最大高度的距离

  4. x1, y1 = 0, 0# 左上角坐标

  5. x2, y2 = w, h-600# 右下角坐标

  6. # 获取整个页面截图

  7. screenshot_path = 'screenshot.png'

  8. driver.save_screenshot(screenshot_path)

随后,我们使用PIL库打开整个页面的截图,并通过crop方法截取指定区域。最后,保存截取的区域截图及关闭浏览器

  1. # 截取指定区域

  2. im = Image.open(screenshot_path)

  3. region = im.crop((x1, y1, x2, y2))

  4. # 保存截图

  5. cropped_path = 'result_screenshot.png'

  6. region.save(cropped_path)

  7. # 关闭浏览器

  8. driver.close()

三. 完整代码

将代码中的网页链接和截取区域坐标调整为你想要的值。

运行代码,即可生成指定区域的网页截图。

  1. import time

  2. from selenium import webdriver

  3. from PIL import Image

  4. # 启动浏览器

  5. # 隐藏浏览器自动化控制提示

  6. chrome_options = webdriver.ChromeOptions()

  7. chrome_options.add_experimental_option('excludeSwitches', ['enable-automation'])

  8. # 添加谷歌浏览器驱动位置

  9. # chrome_options.binary_location = r"E:\应用\谷歌浏览器插件\chrome-win64\chrome.exe"

  10. # 加载启动项页面全屏效果,相当于F11。

  11. chrome_options.add_argument("--kiosk")

  12. # 配置初始化

  13. driver = webdriver.Chrome(options=chrome_options)

  14. # 打开页面

  15. url = 'https://baidu.com'# 请替换为你要打开的页面

  16. driver.get(url)

  17. # 获取页面宽度与高度

  18. hight,width = 'return document.body.clientHeight','return document.body.clientWidth'

  19. h,w = driver.execute_script(hight),driver.execute_script(width)

  20. print(w,h)

  21. # 指定四个点的坐标,这里以左上角和右下角的坐标为例

  22. # x1起始宽度到 x2最大宽度的距离

  23. # y1起始高度到 y2最大高度的距离

  24. x1, y1 = 0, 0# 左上角坐标

  25. x2, y2 = w, h-600# 右下角坐标

  26. # 获取整个页面截图

  27. screenshot_path = 'screenshot.png'

  28. driver.save_screenshot(screenshot_path)

  29. time.sleep(3)

  30. # 截取指定区域

  31. im = Image.open(screenshot_path)

  32. region = im.crop((x1, y1, x2, y2))

  33. # 保存截图

  34. cropped_path = 'result_screenshot.png'

  35. region.save(cropped_path)

  36. # 关闭浏览器

  37. driver.close()

感谢每一个认真阅读我文章的人,礼尚往来总是要有的,虽然不是什么很值钱的东西,如果你用得到的话可以直接拿走:

这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!有需要的小伙伴可以点击下方小卡片领取

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/16 0:01:08

DataGear数据可视化平台完整教程:从零构建企业级数据看板

DataGear数据可视化平台完整教程:从零构建企业级数据看板 【免费下载链接】datagear DataGear数据可视化分析平台,自由制作任何您想要的数据看板 项目地址: https://gitcode.com/datageartech/datagear DataGear是一款功能强大的开源数据可视化分…

作者头像 李华
网站建设 2026/4/1 4:24:13

28、Python 环境管理与进程处理实用指南

Python 环境管理与进程处理实用指南 1. Python 虚拟环境管理 在 Python 开发中,虚拟环境是一项非常实用的技术,它可以帮助我们创建独立的开发环境,避免不同项目之间的依赖冲突。下面介绍如何使用 virtualenv 来创建和管理虚拟环境。 1.1 创建不同 Python 版本的虚拟环境…

作者头像 李华
网站建设 2026/4/16 13:54:24

11、使用ADC将任何模拟传感器与树莓派连接

使用ADC将任何模拟传感器与树莓派连接 1. 采样和量化 采样和量化是电子学和通信理论中广泛使用的术语。对于电子学初学者来说,这些理论较为复杂,难以理解。从定义上讲,采样是指以预定频率从模拟输入引脚或放大器输出端的连续输入数据中获取电压电平的过程。量化则是将采样…

作者头像 李华
网站建设 2026/4/13 8:22:46

Python主要版本的核心差异

Python版本主要分为CPython、PyPy和GraalPy三大类,核心差异体现在解释器实现、性能特性和适用场景上。以下是具体分析: 一、CPython:官方标准实现 CPython是Python官方解释器,用C语言实现,是生态兼容性的基准。版本号&…

作者头像 李华
网站建设 2026/4/10 13:20:49

掌握ElastAlert:轻松搞定Elasticsearch告警配置的实用指南

掌握ElastAlert:轻松搞定Elasticsearch告警配置的实用指南 【免费下载链接】elastalert Easy & Flexible Alerting With ElasticSearch 项目地址: https://gitcode.com/gh_mirrors/el/elastalert 还在为监控Elasticsearch数据而烦恼吗?想要实…

作者头像 李华