Selenium - iframe 切换

本文介绍如何使用Selenium操作网页中的iframe元素。通过实例演示了定位iframe并进行内部元素操作的方法。

iframe元素会创建包含另外一个文档的内联框架,即iframe里面的显示的页面与外面的页面并不来自一个html文件。这也就不难理解如果要操作iframe里面的页面元素需要切换。当你发现自己的代码并没有问题,但是总是找不到元素的时候就可以考虑是不是iframe在里面捣鬼。126邮箱 登录页面的iframe曾经就困扰了我很久很久,今天就拿它来做例子。

首先贴出126邮箱的页面,和登录部分iframe的代码


透过代码可以看到,iframe里包含了一个拥有<html>标签的完整的html文档,这个文档中则包含了login-form,它包含了所有username, password 和buttons等元素。要对iframe里的元素进行操作基本思路就是先切换到你想要去的那个frame,然后找到元素操作它,操作完后回到原来的页面。Selenium提供了switch_to.frame([frame identifier])来进行操作,括号里可以使frame的名字,index(既整个网页中第几个frame)或者一个webElement对象。一个frame中的操作全部完成后,可以用switch_to.frame()到其他的frame继续操作,抑或用switch_to.default_content返回到最外层的html页面。

下面根据上面的情况举个例子,这里我先进入login所在的这个fream获取登录按钮的text即登录,然后跳回到最外层的html,打印出帮助链接的text既帮助。

driver = webdriver.Firefox()
driver.get('http://www.126.com')
time.sleep(3)
logon_iframe = driver.find_element_by_id('x-URS-iframe') #get iframe element
driver.switch_to.frame(logon_iframe) #switch to the iframe
login_button = driver.find_element_by_id('dologin') #get logon button element
print login_button.text #print logon button text
driver.switch_to.default_content() #Back to the root html
help_link = driver.find_element_by_xpath('//a[@href="http://help.mail.163.com"]') # get help link element
print help_link.text #Print help link text 

了解之后就非常简单地解决了困扰我很久很久的问题。

### 如何使用 SeleniumPython切换 iframe 为了成功定位和操作位于 iframe 内部的元素,必须先将 WebDriver 的上下文切换至对应的 iframe。以下是具体方法: #### 方法一:通过 iframe 的索引切换 如果页面中有多个 iframe 并且这些 iframe 没有特别明显的标识符,则可以按照它们加载顺序所决定的位置来选择。 ```python from selenium import webdriver from selenium.webdriver.common.by import By driver = webdriver.Chrome() driver.get('目标网址') # 切换到第 n 个 iframe (假设是从0开始计数) driver.switch_to.frame(n) ``` #### 方法二:通过 iframe 的名称或 ID 属性切换 这是最常用的方式之一,因为大多数情况下开发者会给 iframe 设置 name 或 id 属性以便于识别。 ```python # 如果知道 iframe 的 name 或者 id 可以直接传入字符串参数 driver.switch_to.frame('iframe_name_or_id') ``` #### 方法三:通过 WebElement 对象切换 当无法确定 iframe 的确切位置或者其属性不唯一时,可以通过 XPath 定位器找到特定的 iframe 元素后再进行切换。 ```python element = driver.find_element(By.XPATH, '//*[@id="anony-reg-new"]/div/div[1]/iframe') driver.switch_to.frame(element) ``` 完成上述任一种方式之后就可以像平常一样去寻找并交互 iframe 内的内容了。需要注意的是,在结束对当前 iframe 的访问后应该返回默认内容区继续后续操作。 ```python # 返回顶层文档 driver.switch_to.default_content() # 或者回到上一层级的 iframe driver.switch_to.parent_frame() ``` 以上就是关于如何利用 Selenium 进行 iframe 切换的相关介绍[^1]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值