0

0

使用 Selenium 自动化网页交互:定位并操作下拉菜单选项

心靈之曲

心靈之曲

发布时间:2025-12-14 14:38:41

|

724人浏览过

|

来源于php中文网

原创

使用 Selenium 自动化网页交互:定位并操作下拉菜单选项

本教程详细介绍了如何使用 python selenium 库与网页上的特定下拉菜单进行交互,以选择并设置显示项目数量。文章涵盖了定位下拉菜单触发器、选择具体选项(如“100”),并提供了实用的代码示例。此外,还讨论了处理动态元素时的注意事项,并推荐了在数据抓取场景下使用 web api 作为更高效的替代方案。

在进行网页自动化测试或数据抓取时,经常需要与各种网页元素进行交互,其中下拉菜单(Dropdowns)是一种常见的交互形式。本教程将指导您如何使用 Selenium 精确地定位并操作网页上的下拉菜单,以改变页面显示的数据量,例如将每页显示的项目数设置为100。

1. 准备工作

在使用 Selenium 之前,请确保您已安装了必要的库和浏览器驱动:

  • Selenium 库: pip install selenium
  • Web 浏览器: 例如 Chrome、Firefox。
  • 浏览器驱动: 下载对应浏览器版本的驱动(如 ChromeDriver),并将其路径添加到系统环境变量或在代码中指定。
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
import time

# 初始化 WebDriver (以 Chrome 为例)
# 请替换为您的 ChromeDriver 路径
driver = webdriver.Chrome() 
driver.get("https://www.gurufocus.com/stocks")

2. 定位并点击下拉菜单触发器

首先,我们需要找到并点击那个会展开下拉选项的元素。通常,这个元素可能是一个按钮、一个标签或一个

,它通过点击事件来显示下拉列表。避免使用过于绝对的 XPath(如/html/body/...),因为它们对页面结构变化非常敏感。相反,应尝试使用更具韧性的定位策略,如类名(CLASS_NAME)、ID(ID)或包含特定文本的 XPath。

通过观察网页结构,我们可以发现控制显示数量的下拉菜单触发器可能具有特定的类名。

try:
    # 等待下拉菜单触发器可见并可点击
    dropdown_trigger = WebDriverWait(driver, 10).until(
        EC.element_to_be_clickable((By.CLASS_NAME, "aio-tabs-button"))
    )
    dropdown_trigger.click()
    print("成功点击下拉菜单触发器。")
    time.sleep(1) # 等待下拉菜单展开
except Exception as e:
    print(f"点击下拉菜单触发器失败: {e}")
    driver.quit()
    exit()

3. 选择下拉菜单中的特定选项(例如“100”)

点击触发器后,下拉选项列表会显示出来。此时,我们需要定位到包含目标值(例如“100”)的选项,并进行点击。同样,避免使用绝对 XPath。一个更稳健的方法是查找包含特定文本的元素。

try:
    # 等待包含文本“100”的选项可见并可点击
    option_100 = WebDriverWait(driver, 10).until(
        EC.element_to_be_clickable((By.XPATH, "//div[@class='item' and contains(text(), '100')]"))
    )
    option_100.click()
    print("成功选择选项 '100'。")
    time.sleep(2) # 等待页面内容更新
except Exception as e:
    print(f"选择选项 '100' 失败: {e}")
finally:
    # 完成操作后关闭浏览器
    driver.quit()

4. 完整示例代码

将上述步骤整合到一起,形成一个完整的自动化脚本:

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
import time

def set_items_per_page(url, items_count):
    """
    使用 Selenium 导航到指定 URL,并设置每页显示的项目数量。

    Args:
        url (str): 目标网页的 URL。
        items_count (str): 要设置的每页显示项目数量的字符串表示(例如 "100")。
    """
    driver = None
    try:
        # 初始化 WebDriver
        driver = webdriver.Chrome() # 确保 ChromeDriver 可用或指定路径
        driver.get(url)
        print(f"已打开网页: {url}")

        # 步骤 1: 定位并点击下拉菜单触发器
        dropdown_trigger = WebDriverWait(driver, 10).until(
            EC.element_to_be_clickable((By.CLASS_NAME, "aio-tabs-button"))
        )
        dropdown_trigger.click()
        print("成功点击下拉菜单触发器。")
        time.sleep(1) # 短暂等待下拉菜单展开

        # 步骤 2: 定位并选择目标选项
        # 构建 XPath 以查找包含指定文本的选项
        option_xpath = f"//div[@class='item' and contains(text(), '{items_count}')]"
        target_option = WebDriverWait(driver, 10).until(
            EC.element_to_be_clickable((By.XPATH, option_xpath))
        )
        target_option.click()
        print(f"成功选择选项 '{items_count}'。")
        time.sleep(3) # 等待页面内容更新

        # 可以在此处添加进一步的验证或操作
        print("操作完成。")

    except Exception as e:
        print(f"发生错误: {e}")
    finally:
        if driver:
            driver.quit()
            print("浏览器已关闭。")

# 调用函数
if __name__ == "__main__":
    target_url = "https://www.gurufocus.com/stocks"
    set_items_per_page(target_url, "100")

5. 注意事项与最佳实践

  • 等待机制 (WebDriverWait): 在与动态加载的元素交互时,使用显式等待(WebDriverWait 结合 expected_conditions)至关重要。这可以避免 NoSuchElementException 或 ElementNotInteractableException,因为元素可能尚未加载或尚未变为可点击状态。
  • 健壮的定位器: 避免使用绝对 XPath。优先使用 ID、NAME、CLASS_NAME。如果这些不可用,使用相对 XPath,结合元素属性(如 text()、@id、@class)来创建更具韧性的定位器。
  • time.sleep() 的使用: 仅在调试或确定需要固定等待时间时使用 time.sleep()。在生产代码中,应尽可能使用 WebDriverWait,因为它更高效且可靠。
  • 错误处理: 使用 try-except-finally 块来优雅地处理可能发生的 Selenium 异常,并确保在任何情况下都能关闭浏览器实例。

6. 替代方案:直接使用 Web API (推荐)

对于纯粹的数据抓取任务,模拟浏览器行为(如使用 Selenium)往往效率较低且资源密集。许多网站的数据是通过后端 API 提供的。如果您主要目的是获取数据而不是模拟用户交互,强烈建议尝试直接调用这些 Web API。

万知
万知

万知: 你的个人AI工作站

下载

优点:

  • 效率高: 无需渲染整个页面,速度更快。
  • 资源消耗低: 不启动浏览器,节省 CPU 和内存。
  • 稳定性好: 不受前端 UI 变化的影响。

如何发现 API:

  1. 打开浏览器的开发者工具(F12)。
  2. 切换到“网络”(Network)标签页。
  3. 在页面上执行您想要自动化的操作(例如点击下拉菜单,更改页码)。
  4. 观察网络请求,查找类型为 XHR/Fetch 的请求。这些请求通常是与后端 API 进行数据交互的。
  5. 分析请求的 URL、方法(GET/POST)、请求头和请求体,以了解如何重现这些请求。

一旦您找到了相应的 API,就可以使用 Python 的 requests 库来发送 HTTP 请求,直接获取数据。

import requests
import json

# 示例:假设发现了一个用于获取股票数据的API
# 这只是一个概念性示例,实际API可能需要认证、不同的参数等
api_url = "https://www.gurufocus.com/api/stocks/list" # 假设的API URL
headers = {
    "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36",
    "Accept": "application/json",
    # 可能还需要其他请求头,如认证令牌等
}
params = {
    "pageSize": 100, # 设置每页显示100项
    "page": 1,
    # 其他筛选参数
}

try:
    response = requests.get(api_url, headers=headers, params=params)
    response.raise_for_status() # 检查HTTP请求是否成功
    data = response.json()
    # 处理获取到的数据
    print("通过 API 获取到数据:")
    # print(json.dumps(data, indent=2)) # 打印部分数据
    print(f"数据条数: {len(data.get('stocks', []))}") # 假设数据在'stocks'键中
except requests.exceptions.RequestException as e:
    print(f"API 请求失败: {e}")
except json.JSONDecodeError as e:
    print(f"JSON 解析失败: {e}")

注意: 上述 API 示例代码仅为概念性演示,gurufocus.com 的实际 API 端点和参数可能与此不同,并且可能需要认证。

总结

本教程详细演示了如何使用 Selenium 在 Python 中与网页下拉菜单进行交互,以实现特定的自动化任务。通过学习健壮的元素定位策略和等待机制,您可以有效地处理动态网页元素。同时,我们也强调了在数据抓取场景下,直接使用 Web API 往往是更高效和稳定的选择。根据您的具体需求,选择最适合的工具和方法,将有助于您构建更可靠和高效的自动化解决方案。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

840

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

746

2023.11.06

pip安装使用方法
pip安装使用方法

安装步骤:1、确保Python已经正确安装在您的计算机上;2、下载“get-pip.py”脚本;3、按下Win + R键,然后输入cmd并按下Enter键来打开命令行窗口;4、在命令行窗口中,使用cd命令切换到“get-pip.py”所在的目录;5、执行安装命令;6、验证安装结果即可。大家可以访问本专题下的文章,了解pip安装使用方法的更多内容。

339

2023.10.09

更新pip版本
更新pip版本

更新pip版本方法有使用pip自身更新、使用操作系统自带的包管理工具、使用python包管理工具、手动安装最新版本。想了解更多相关的内容,请阅读专题下面的文章。

416

2024.12.20

pip设置清华源
pip设置清华源

设置方法:1、打开终端或命令提示符窗口;2、运行“touch ~/.pip/pip.conf”命令创建一个名为pip的配置文件;3、打开pip.conf文件,然后添加“[global];index-url = https://pypi.tuna.tsinghua.edu.cn/simple”内容,这将把pip的镜像源设置为清华大学的镜像源;4、保存并关闭文件即可。

761

2024.12.23

python升级pip
python升级pip

本专题整合了python升级pip相关教程,阅读下面的文章了解更多详细内容。

349

2025.07.23

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

469

2024.01.03

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

15

2025.12.06

C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

14

2026.01.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
最新Python教程 从入门到精通
最新Python教程 从入门到精通

共4课时 | 22.4万人学习

Django 教程
Django 教程

共28课时 | 3.7万人学习

SciPy 教程
SciPy 教程

共10课时 | 1.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号