使用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月22日 22:27:02

相关推荐

  • CSS mask属性无法获取图片:为什么我的图片不见了?

    CSS mask属性无法获取图片 在使用CSS mask属性时,可能会遇到无法获取指定照片的情况。这个问题通常表现为: 网络面板中没有请求图片:尽管CSS代码中指定了图片地址,但网络面板中却找不到图片的请求记录。 问题原因: 此问题的可能原因是浏览器的兼容性问题。某些较旧版本的浏览器可能不支持CSS…

    2025年12月24日
    900
  • 如何用dom2img解决网页打印样式不显示的问题?

    用dom2img解决网页打印样式不显示的问题 想将网页以所见即打印的的效果呈现,需要采取一些措施,特别是在使用了bootstrap等大量采用外部css样式的框架时。 问题根源 在常规打印操作中,浏览器通常会忽略css样式等非必要的页面元素,导致打印出的结果与网页显示效果不一致。这是因为打印机制只识别…

    2025年12月24日
    800
  • 如何用 CSS 模拟不影响其他元素的链接移入效果?

    如何模拟 css 中链接的移入效果 在 css 中,模拟移入到指定链接的效果尤为复杂,因为链接的移入效果不影响其他元素。要实现这种效果,最简单的方法是利用放大,例如使用 scale 或 transform 元素的 scale 属性。下面提供两种方法: scale 属性: .goods-item:ho…

    2025年12月24日
    700
  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • PC端H5项目如何实现适配:流式布局、响应式设计和两套样式?

    PC端的适配方案及PC与H5兼顾的实现方案探讨 在开发H5项目时,常用的屏幕适配方案是postcss-pxtorem或postcss-px-to-viewport,通常基于iPhone 6标准作为设计稿。但对于PC端网项目,处理不同屏幕大小需要其他方案。 PC端屏幕适配方案 PC端屏幕适配一般采用流…

    2025年12月24日
    300
  • CSS 元素设置 10em 和 transition 后为何没有放大效果?

    CSS 元素设置 10em 和 transition 后为何无放大效果? 你尝试设置了一个 .box 类,其中包含字体大小为 10em 和过渡持续时间为 2 秒的文本。当你载入到页面时,它没有像 YouTube 视频中那样产生放大效果。 原因可能在于你将 CSS 直接写在页面中 在你的代码示例中,C…

    2025年12月24日
    400
  • 如何实现类似横向U型步骤条的组件?

    横向U型步骤条寻求替代品 希望找到类似横向U型步骤条的组件或 CSS 实现。 潜在解决方案 根据给出的参考图片,类似的组件有: 图片所示组件:图片提供了组件的外观,但没有提供具体的实现方式。参考链接:提供的链接指向了 SegmentFault 上的另一个问题,其中可能包含相关的讨论或解决方案建议。 …

    2025年12月24日
    800
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    600
  • 如何优化CSS Grid布局中子元素排列和宽度问题?

    css grid布局中的优化问题 在使用css grid布局时可能会遇到以下问题: 问题1:无法控制box1中li的布局 box1设置了grid-template-columns: repeat(auto-fill, 20%),这意味着容器将自动填充尽可能多的20%宽度的列。当li数量大于5时,它们…

    2025年12月24日
    800
  • SASS 中的 Mixins

    mixin 是 css 预处理器提供的工具,虽然它们不是可以被理解的函数,但它们的主要用途是重用代码。 不止一次,我们需要创建多个类来执行相同的操作,但更改单个值,例如字体大小的多个类。 .fs-10 { font-size: 10px;}.fs-20 { font-size: 20px;}.fs-…

    2025年12月24日
    000
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • CSS mask 属性无法加载图片:浏览器问题还是代码错误?

    CSS mask 属性请求图片失败 在使用 CSS mask 属性时,您遇到了一个问题,即图片没有被请求获取。这可能是由于以下原因: 浏览器问题:某些浏览器可能在处理 mask 属性时存在 bug。尝试更新到浏览器的最新版本。代码示例中的其他信息:您提供的代码示例中还包含其他 HTML 和 CSS …

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 如何用 CSS 实现链接移入效果?

    css 中实现链接移入效果的技巧 在 css 中模拟链接的移入效果可能并不容易,因为它们不会影响周围元素。但是,有几个方法可以实现类似的效果: 1. 缩放 最简单的方法是使用 scale 属性,它会放大元素。以下是一个示例: 立即学习“前端免费学习笔记(深入)”; .goods-item:hover…

    2025年12月24日
    000
  • 网页使用本地字体:为什么 CSS 代码中明明指定了“荆南麦圆体”,页面却仍然显示“微软雅黑”?

    网页中使用本地字体 本文将解答如何将本地安装字体应用到网页中,避免使用 src 属性直接引入字体文件。 问题: 想要在网页上使用已安装的“荆南麦圆体”字体,但 css 代码中将其置于第一位的“font-family”属性,页面仍显示“微软雅黑”字体。 立即学习“前端免费学习笔记(深入)”; 答案: …

    2025年12月24日
    000
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 如何用 CSS 实现类似卡券的缺口效果?

    类似卡券的布局如何实现 想要实现类似卡券的布局,可以使用遮罩(mask)来实现缺口效果。 示例代码: .card { -webkit-mask: radial-gradient(circle at 20px, #0000 20px, red 0) -20px;} 效果: 立即学习“前端免费学习笔记(…

    2025年12月24日
    000
  • 使用 SVG 如何实现自定义宽度、间距和半径的虚线边框?

    使用 svg 实现自定义虚线边框 如何实现一个具有自定义宽度、间距和半径的虚线边框是一个常见的前端开发问题。传统的解决方案通常涉及使用 border-image 引入切片图片,但是这种方法存在引入外部资源、性能低下的缺点。 为了避免上述问题,可以使用 svg(可缩放矢量图形)来创建纯代码实现。一种方…

    2025年12月24日
    100
  • 如何用纯代码实现自定义宽度和间距的虚线边框?

    自定义宽度和间距的虚线边框 提问: 如何创建一个自定义宽度和间距的虚线边框,如下图所示: 元素宽度:8px元素高度:1px间距:2px圆角:4px 解答: 传统的解决方案通常涉及使用 border-image 引入切片的图片来实现。但是,这需要引入外部资源。本解答将提供一种纯代码的方法,使用 svg…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信