使用Selenium从Iframe中提取表单信息:Python网页抓取实战

使用Selenium从Iframe中提取表单信息:Python网页抓取实战

本教程旨在解决使用Selenium进行网页抓取时,从Iframe内部表单提取信息的核心问题。文章将详细阐述如何正确切换到Iframe上下文,避免常见的InvalidSelectorException,并通过示例代码演示如何定位并提取Iframe内特定元素(如姓名、职位、公司)的文本内容,确保数据抓取的准确性和稳定性。

1. 理解Iframe及其对网页抓取的影响

iframe(内联框架)是html文档中嵌入另一个html文档的元素。在网页抓取中,iframe常常会带来挑战,因为它们创建了一个独立的浏览上下文。这意味着,当你的selenium webdriver在主页面上时,它无法直接“看到”或操作iframe内部的元素。尝试直接使用xpath或其他选择器定位iframe内的元素会导致找不到元素或抛出错误。

原始问题中遇到的selenium.common.exceptions.InvalidSelectorException: Message: invalid selector: The result of the xpath expression “/html/body/div[1]/text()[1]” is: [object Text]. It should be an element.错误,正是因为试图使用XPath的text()函数直接选择文本节点,而Selenium的find_element方法期望返回一个DOM元素对象,而非文本节点本身。此外,即使XPath正确,如果未切换到Iframe上下文,也无法定位到Iframe内部的任何元素。

2. 正确切换到Iframe上下文

要与Iframe内部的元素进行交互,首先必须将Selenium WebDriver的焦点切换到该Iframe。这是抓取Iframe内容的关键第一步。

2.1 识别Iframe

通常,Iframe可以通过其ID、name、XPath、CSS选择器或作为Web元素来定位。在大多数情况下,使用ID是最可靠的方法,因为ID在页面中通常是唯一的。

立即学习“Python免费学习笔记(深入)”;

根据提供的HTML片段,Iframe的ID是content210835787_ifr:


2.2 切换命令

使用browser.switch_to.frame()方法来切换到Iframe。它可以接受三种类型的参数:

ID或Name属性值:直接传入Iframe的ID或name字符串。Web元素:先定位到Iframe元素本身,然后将其作为参数传入。索引:Iframe在页面中的索引(从0开始),但这种方法不推荐,因为页面的Iframe顺序可能变化。

最推荐的方式是使用ID,因为它既稳定又直观。

from selenium import webdriverfrom selenium.webdriver.common.by import By# 假设 browser 已经被初始化并导航到包含 Iframe 的页面# browser = webdriver.Chrome()# browser.get("your_page_with_iframe_url")# 切换到 Iframetry:    browser.switch_to.frame(By.ID, "content210835787_ifr")    print("成功切换到Iframe。")except Exception as e:    print(f"切换到Iframe失败: {e}")    # 可以在此处添加错误处理逻辑,例如重试或退出

注意事项:

在切换到Iframe之前,确保Iframe已经加载完成。如果Iframe是动态加载的,可能需要使用显式等待(WebDriverWait)来等待Iframe元素可见或可交互。一旦切换到Iframe,所有后续的find_element或find_elements操作都将在Iframe的上下文中执行。

3. 在Iframe内部提取数据

成功切换到Iframe后,现在可以像在主页面上一样,使用各种定位策略(XPath, CSS选择器, ID等)来查找Iframe内部的元素。

根据提供的Iframe内部HTML结构:

    

Formulário - Confecção de usuário de acesso

Nome Completo: Solicitação aberta para teste

Matrícula: 2354

Centro de Custo: VS | 123


Cargo: Analista de Teste







Tipo de Acesso: Rede

Empresa que o colaborador foi cadastrado pelo RH? VS EMpresarial

我们看到所有的信息(姓名、Matrícula、Cargo、公司等)都包含在Iframe内部的body元素下的一些div元素中。最简单的方法是定位包含所有这些信息的父div元素,然后提取其完整的文本内容。

3.1 定位并提取文本内容

我们可以通过body元素的ID tinymce来定位它,然后找到其下的div元素。由于目标信息分散在多个div中,且结构不完全一致,最直接的方式是获取包含这些信息的整个div块的文本。

# 确保已经切换到 Iframe# browser.switch_to.frame(By.ID, "content210835787_ifr")try:    # 找到 Iframe 内部的 body 元素,然后找到其下的第一个 div 元素(或包含所有信息的 div)    # 这里我们假设所有相关信息都在 body 下的第一个或几个 div 中    # 如果信息分散在多个 div 中,可以尝试获取所有 div 的文本或一个包含所有信息的父 div    # 示例中,信息分散在多个相邻的 div 中,但第一个 div 包含了姓名、Matrícula等    # 更稳妥的做法是找到包含所有这些信息的共同祖先元素,或者遍历所有 div    # 获取包含所有信息的 body 元素下的所有 div    # elem = browser.find_element(By.XPATH, "//body[@id='tinymce']/div") # 如果所有信息在一个div中    # 为了获取所有div中的信息,我们可以选择获取 body 的 innerHTML 或者遍历 div    # 鉴于问题中给出的解决方案是获取第一个 div 的文本,我们先按此操作    elem = browser.find_element(By.XPATH, "//body[@id='tinymce']/div[1]") # 获取第一个 div    full_text_content = elem.text    print("从Iframe中提取的完整文本内容:")    print(full_text_content)    # 如果需要获取所有div中的文本,可以这样做:    # divs_in_iframe = browser.find_elements(By.XPATH, "//body[@id='tinymce']/div")    # all_extracted_text = []    # for div in divs_in_iframe:    #     if div.text.strip(): # 避免提取空 div 的文本    #         all_extracted_text.append(div.text.strip())    # print("n所有div中提取的文本:")    # print("n".join(all_extracted_text))    # 进一步解析提取的文本以获取具体字段(姓名、Matrícula、Cargo、公司)    # 这通常需要使用字符串处理方法,如 split(), replace(), 正则表达式等    # 例如,从 full_text_content 中提取 "Nome Completo"    # 假设我们已经获取了所有相关的文本,并将其合并成一个大字符串    combined_text = "n".join(all_extracted_text) # 如果使用了遍历所有 div 的方法    # 或者直接使用第一个 div 的文本,如果它足够包含所需信息    # 示例解析:    name_start = full_text_content.find("Nome Completo:")    if name_start != -1:        name_end = full_text_content.find("n", name_start)        name = full_text_content[name_start + len("Nome Completo:"):name_end].strip()        print(f"姓名: {name}")    # 对于 "Cargo" 和 "Empresa",它们可能在不同的 div 中,需要更精细的定位或解析    # 如果是获取所有 div 的文本并合并,则可以统一解析    # 假设 "Cargo" 在第二个有内容的 div 中    # cargo_elem = browser.find_element(By.XPATH, "//body[@id='tinymce']/div[2]")    # cargo_text = cargo_elem.text    # cargo_start = cargo_text.find("Cargo:")    # if cargo_start != -1:    #     cargo = cargo_text[cargo_start + len("Cargo:"):].strip()    #     print(f"职位: {cargo}")    # 假设 "Empresa" 在第四个有内容的 div 中    # company_elem = browser.find_element(By.XPATH, "//body[@id='tinymce']/div[4]")    # company_text = company_elem.text    # company_start = company_text.find("Empresa que o colaborador foi cadastrado pelo RH?")    # if company_start != -1:    #     company = company_text[company_start + len("Empresa que o colaborador foi cadastrado pelo RH?"):].strip()    #     print(f"公司: {company}")except Exception as e:    print(f"在Iframe内部提取数据失败: {e}")

3.2 获取innerHTML

除了text属性,你也可以使用get_attribute(‘innerHTML’)来获取元素的完整HTML内容,这在需要进一步解析HTML结构时非常有用。

# elem = browser.find_element(By.XPATH, "//body[@id='tinymce']/div")# inner_html_content = elem.get_attribute('innerHTML')# print("n从Iframe中提取的HTML内容:")# print(inner_html_content)

4. 返回主页面上下文

完成Iframe内部的操作后,如果需要继续与主页面上的元素进行交互,必须将WebDriver的焦点切换回主页面。

# 切换回主页面browser.switch_to.default_content()print("n已切换回主页面。")# 现在可以继续在主页面上执行操作# browser.find_element(By.ID, "some_element_on_main_page").click()

5. 完整示例代码

下面是一个整合了上述步骤的完整示例代码框架:

from selenium import webdriverfrom selenium.webdriver.common.by import Byfrom selenium.webdriver.support.ui import WebDriverWaitfrom selenium.webdriver.support import expected_conditions as ECimport re # 用于正则表达式解析# 假设已经设置好 WebDriver,例如 Chrome# driver = webdriver.Chrome()# driver.get("your_url_containing_the_iframe") # 替换为实际的URL# 为了演示,我们创建一个模拟的 WebDriver 对象和行为class MockWebElement:    def __init__(self, tag_name, text="", inner_html="", id="", class_name=""):        self.tag_name = tag_name        self._text = text        self._inner_html = inner_html        self.id = id        self.class_name = class_name    def get_attribute(self, name):        if name == 'innerHTML':            return self._inner_html        elif name == 'id':            return self.id        elif name == 'class':            return self.class_name        return None    @property    def text(self):        return self._textclass MockWebDriver:    def __init__(self):        self.current_context = "default" # "default" or "iframe_id"        self.iframe_content = {            "content210835787_ifr": {                "body": {                    "tinymce": [                        MockWebElement("div", text="Nome Completo:   Solicitação aberta para testennMatrícula:  2354nnCentro de Custo:  VS | 123 ",                                       inner_html="Nome Completo:   Solicitação aberta para teste

Matrícula: 2354

Centro de Custo: VS | 123 "), MockWebElement("div", text="  nnCargo:   Analista de Teste", inner_html="

Cargo: Analista de Teste"), MockWebElement("div", text="nnnn  nn  nnTipo de Acesso:   RedennEmpresa que o colaborador foi cadastrado pelo RH?   VS EMpresarial", inner_html="





Tipo de Acesso: Rede

Empresa que o colaborador foi cadastrado pelo RH? VS EMpresarial") ] } } } def find_element(self, by, value): if self.current_context == "default": if by == By.ID and value == "content210835787_ifr": return MockWebElement("iframe", id="content210835787_ifr") else: raise Exception(f"Element not found in default context: {value}") elif self.current_context == "content210835787_ifr": if by == By.XPATH and value.startswith("//body[@id='tinymce']"): body_content = self.iframe_content["content210835787_ifr"]["body"]["tinymce"] if value == "//body[@id='tinymce']/div[1]": return body_content[0] elif value == "//body[@id='tinymce']/div[2]": return body_content[1] elif value == "//body[@id='tinymce']/div[3]": return body_content[2] elif value == "//body[@id='tinymce']/div": # Find first div if multiple exist return body_content[0] raise Exception(f"Element not found in iframe context: {value}") raise Exception("Invalid context") def find_elements(self, by, value): if self.current_context == "content210835787_ifr": if by == By.XPATH and value == "//body[@id='tinymce']/div": return self.iframe_content["content210835787_ifr"]["body"]["tinymce"] return [] def get(self, url): print(f"Navigating to {url}") def switch_to(self): return self # Allows chaining .frame() and .default_content() def frame(self, by, value): if by == By.ID and value == "content210835787_ifr": self.current_context = value print(f"Switched to iframe: {value}") else: raise Exception(f"Could not switch to frame by {by}, {value}") return self def default_content(self): self.current_context = "default" print("Switched back to default content.") return self def quit(self): print("Browser quit.")# 使用模拟的 WebDriver 进行演示driver = MockWebDriver()# 1. 等待 Iframe 可见并切换到 Iframetry: # 实际场景中,这里会使用 WebDriverWait # iframe_element = WebDriverWait(driver, 10).until( # EC.presence_of_element_located((By.ID, "content210835787_ifr")) # ) # driver.switch_to.frame(iframe_element) # 模拟切换 driver.switch_to.frame(By.ID, "content210835787_ifr") # 2. 在 Iframe 内部提取数据 print("n--- 在Iframe内部提取数据 ---") # 提取所有 div 的文本内容 all_divs = driver.find_elements(By.XPATH, "//body[@id='tinymce']/div") combined_text = "" for div_elem in all_divs: if div_elem.text.strip(): # 避免添加空行 combined_text += div_elem.text.strip() + "n" print("Iframe内所有div合并后的文本内容:n", combined_text) # 3. 解析提取的文本以获取具体字段 print("n--- 解析提取的字段 ---") # 姓名 match_name = re.search(r"Nome Completo:s*(.*?)(?:n|Matrícula:|$)", combined_text) name = match_name.group(1).strip() if match_name else "N/A" print(f"姓名: {name}") # Matrícula match_matricula = re.search(r"Matrícula:s*(d+)", combined_text) matricula = match_matricula.group(1).strip() if match_matricula else "N/A" print(f"Matrícula: {matricula}") # 职位 match_cargo = re.search(r"Cargo:s*(.*?)(?:n|Tipo de Acesso:|$)", combined_text) cargo = match_cargo.group(1).strip() if match_cargo else "N/A" print(f"职位: {cargo}") # 公司 match_empresa = re.search(r"Empresa que o colaborador foi cadastrado pelo RH?.*?(w+ EMpresarial)", combined_text) empresa = match_empresa.group(1).strip() if match_empresa else "N/A" print(f"公司: {empresa}")except Exception as e: print(f"发生错误: {e}")finally: # 4. 切换回主页面 driver.switch_to.default_content() # driver.quit() # 实际场景中,最后关闭浏览器

6. 注意事项与最佳实践

等待机制: 在实际应用中,Iframe及其内部元素可能需要时间加载。务必使用Selenium的显式等待(WebDriverWait结合expected_conditions)来等待Iframe本身以及Iframe内部的元素出现,以避免NoSuchElementException。XPath的鲁棒性: 尽量避免使用过于绝对的XPath(如/html/body/div[1]/text()[1]),因为页面结构微小的变化就可能导致其失效。优先使用ID、name、class或更具语义化的CSS选择器。如果必须使用XPath,尝试使用相对XPath或包含独特属性的XPath。错误处理: 使用try-except块来捕获可能发生的Selenium异常,如NoSuchElementException、TimeoutException等,增强代码的健壮性。返回主上下文: 养成在完成Iframe操作后立即切换回主页面上下文的好习惯,以避免后续操作在错误的上下文中执行。文本解析: 从元素中提取的文本可能包含多余的空格、换行符或非结构化信息。使用字符串的strip()方法、split()方法或正则表达式来清洗和解析这些文本,以获得所需的确切数据。

通过遵循这些步骤和最佳实践,您可以有效地使用Selenium从Iframe中提取复杂的表单信息,从而提高网页抓取项目的成功率和稳定性。

以上就是使用Selenium从Iframe中提取表单信息:Python网页抓取实战的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1581578.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月22日 22:26:52
下一篇 2025年12月21日 15:02:02

相关推荐

  • 现代Web开发:告别废弃的JavaScript实体,拥抱DOM操作

    本文旨在阐明并纠正一个常见误解:旧版JavaScript实体(如property=”&{JavaScript-statements};”)是Netscape Navigator 3.x的专属特性,并未获得广泛支持且早已废弃。我们将深入探讨为何此类语法不再有效,并提供现…

    好文分享 2025年12月22日
    000
  • CSS按钮文本垂直居中教程:从硬编码到Flexbox与字符特性考量

    本教程深入探讨CSS按钮文本垂直居中的常见问题,特别是针对单字符如’x’的视觉偏差。文章将分析传统硬编码padding的局限性,并提供基于Flexbox和行高(line-height)的现代居中方案。同时,揭示字体排版中字符基线对视觉居中的影响,指导开发者实现精确且视觉平衡的…

    2025年12月22日
    000
  • Bootstrap Carousel 样式失效问题排查与解决

    本文旨在帮助开发者解决在使用 Bootstrap Carousel 组件时,样式未能正确加载的问题。通过检查 Bootstrap CSS 和 JavaScript 文件的引入方式,以及相关依赖项的配置,确保 Carousel 组件能够正确渲染,并呈现出预期的样式效果。本文将提供详细的排查步骤和解决方…

    2025年12月22日 好文分享
    000
  • 使用Beautiful Soup解析HTML:处理缺失元素与占位符的策略

    本教程探讨如何使用Python的Beautiful Soup库高效解析HTML,尤其是在需要处理特定元素缺失时。通过结合CSS选择器与列表推导式中的条件逻辑,我们能够灵活地从复杂HTML结构中提取所需数据,并为不符合条件的元素生成自定义占位符,确保输出列表的结构完整性和一致性。 挑战:解析HTML并…

    好文分享 2025年12月22日
    000
  • Heroku应用中Python生成文件的下载URL获取方法

    本文旨在解决在Heroku Flask应用中,如何将Python生成的文件提供给前端进行下载的问题。由于Heroku文件系统具有临时性,每次dyno重启都会清除文件,因此直接获取文件系统中的下载URL不可行。本文将通过示例代码,演示如何利用Flask的response对象和JavaScript的Bl…

    2025年12月22日
    000
  • 基于元素高度动态隐藏/显示按钮

    摘要:本文介绍如何使用 JavaScript 根据容器元素的高度动态地隐藏或显示“显示更多”按钮。 当容器高度小于等于预设的最大高度时,隐藏按钮;反之,显示按钮,提供完整的代码示例和清晰的解释。 动态隐藏/显示按钮的实现方法 在网页开发中,经常遇到需要根据内容高度来决定是否显示某些元素的情况,例如“…

    2025年12月22日
    000
  • SVG矢量图形是如何嵌入HTML的?SVG标签的基本用法入门。

    SVG是基于XML的矢量图形格式,可直接嵌入HTML,通过标签绘制矩形、圆形等图形,支持CSS和JavaScript控制,适合创建可缩放、交互式图形。 :绘制多边形,points定义顶点坐标 与CSS和JavaScript结合 SVG元素可以添加class、id,像普通HTML元素一样被样式和脚本操…

    2025年12月22日
    000
  • JavaScript数据结构优化:将关联数据合并为键值对字典(对象数组)

    本文探讨了在JavaScript中如何优化关联数据的存储与管理。针对将问题和答案分别存储在两个数组中的常见场景,我们提出了一种更高效、更具结构化的方法:使用单一的对象数组。这种方法将每个问题及其对应的答案作为独立的键值对对象进行封装,从而提升了代码的可读性、可维护性,并简化了数据的随机访问逻辑。 引…

    2025年12月22日
    000
  • 后缀htm如何打开_打开HTM后缀文件的方法

    HTM文件可用浏览器直接打开,双击或拖入浏览器即可查看内容。右键选择“打开方式”可指定默认程序。用记事本或专业编辑器如VS Code能查看和编辑源码。手机上可用浏览器或文档App打开,本质是网页文件,只要有浏览器就能显示。 HTM 文件是网页文件的一种常见格式,和 HTML 文件功能完全一样,只是后…

    2025年12月22日
    000
  • 解决Bootstrap网页文本输入框输入时视图抖动问题:深入布局与样式优化

    本文旨在解决Bootstrap网页中,文本输入框输入内容时导致页面视图水平抖动的常见问题。文章深入分析了该问题可能由Bootstrap栅格系统误用、CSS冲突、容器尺寸不明确以及输入框样式不稳定等原因引起,并提供了基于正确使用栅格系统、应用Flexbox布局、移除过时HTML属性以及精细化输入框样式…

    2025年12月22日
    000
  • 如何使用CSS隐藏HTML的title和link标签

    本文旨在阐述为何以及如何在HTML文档中使用CSS隐藏 和标签的影响。我们将明确CSS的作用范围,并解释其为何无法直接控制浏览器标签页标题或favicon。此外,我们将探讨CSS在控制页面元素显示方面的能力,并提供相应的示例和注意事项。 理解CSS的作用范围 首先,需要明确CSS(Cascading…

    2025年12月22日
    000
  • CSS按钮文字垂直居中技巧与常见陷阱

    本文旨在解决CSS中按钮文字,特别是单个字符,垂直居中不准确的常见问题。我们将探讨传统内边距和vertical-align的局限性,揭示字符本身(如小写’x’)对对齐的影响,并提供基于height、aspect-ratio和Flexbox布局的现代、可靠的解决方案,确保文字在…

    2025年12月22日
    000
  • 使用CSS隐藏HTML标题和链接标签?

    CSS(层叠样式表)是一种用于控制网页外观和布局的样式语言。虽然它功能强大,可以对HTML元素进行各种视觉上的定制,但其作用范围仅限于文档的可视化呈现区域,也就是浏览器视口(viewport)内的内容。这意味着CSS无法触及浏览器chrome,后者包括地址栏、标签页标题、窗口标题栏、以及与浏览器本身…

    2025年12月22日
    000
  • HTML代码怎么实现全屏显示_HTML代码全屏模式实现方法与兼容性处理

    答案是使用JavaScript的Fullscreen API实现HTML元素全屏。通过requestFullscreen()方法使指定元素占据整个屏幕,结合浏览器兼容性前缀处理、用户手势触发、fullscreenchange事件监听及样式适配,确保在不同浏览器中稳定运行,并注意视频、canvas、i…

    2025年12月22日
    000
  • 如何根据另一元素的高度隐藏元素

    根据元素高度动态控制元素显示 在网页开发中,我们经常需要根据页面内容的动态变化来调整元素的显示状态。一个常见的场景是,当某个容器的内容高度超过一定阈值时,才显示“显示更多”按钮,否则隐藏该按钮。这可以避免用户看到不必要的按钮,提升用户体验。 以下是如何使用 JavaScript 实现这一功能的详细步…

    2025年12月22日
    000
  • 纯JavaScript构建单页应用的HTML结构_纯JavaScript构建单页应用HTML结构指南

    单页应用的核心是通过JavaScript动态更新内容而不刷新页面,关键在于合理的HTML结构与DOM操作。基础结构包含导航和主内容区域,使用hash实现路由跳转,#app作为渲染容器。通过定义模块化渲染函数返回各页面HTML字符串,结合监听hashchange事件触发视图切换。利用route函数根据…

    2025年12月22日
    000
  • 如何为特定 元素应用 CSS 样式

    元素应用 css 样式” /> 本文旨在指导开发者如何精准地为特定的 元素及其子元素应用 CSS 样式,从而实现更精细的页面控制。通过结合 CSS 选择器和 HTML 结构,你可以轻松地控制列表项的样式,包括悬停状态和激活状态。本文将提供具体示例,助你理解和应用这些技巧。 精确定位…

    2025年12月22日
    000
  • 使用CSS实现圆形容器内文本垂直居中

    本文介绍了如何使用CSS在圆形容器中实现文本的垂直居中。通过移除padding-bottom属性并使用aspect-ratio属性,或者使用伪元素模拟宽高比,可以轻松解决文本在圆形容器中垂直居中的问题,并提供兼容性方案。本文将提供详细的代码示例和解释,帮助开发者快速掌握这一技巧。 在网页设计中,经常…

    2025年12月22日
    000
  • HTML属性在JS中如何设置和修改_HTML属性在JS中设置和修改详解

    使用setAttribute()可设置元素属性,如class和data-id;通过getAttribute()获取属性值,removeAttribute()删除属性,布尔属性可用点语法控制,优先使用classList和语义化方法优化代码。 在JavaScript中设置和修改HTML属性是前端开发中的…

    2025年12月22日
    000
  • HTML使用WebP图片有什么好处_HTML使用WebP图片优化性能

    使用WebP格式可显著提升网页性能,因其采用先进压缩算法,在保持视觉质量的前提下,文件体积比JPEG小25%-35%,比PNG小26%以上,加快图片加载与渲染速度,尤其利于移动端节省流量;同时支持透明通道和动画,单个格式替代多种传统类型,简化资源管理;通过picture标签可实现浏览器兼容性fall…

    2025年12月22日
    000

发表回复

登录后才能评论
关注微信