Python脚本控制的WebDriver 常用操作 <二十四> 定位frame中的元素-优快云博客

本文深入解析WebDriver中的switch_to_frame方法，详细解释如何使用此方法在不同frame间切换，以及如何实现从嵌套frame的内部跳转回原始页面。通过示例代码演示操作流程，帮助开发者掌握在复杂页面结构中定位和操作元素的关键技巧。

测试用例场景

　　处理frame需要用到2个方法，分别是switch_to_frame(name_or_id_or_frame_element)和switch_to_default_content()

　　如何理解这个switch_to_frame(name_or_id_or_frame_element)方法呢？可以简单记忆一下，如果这个frame有name和id属性那么就用这两个属性就好，如果没有的话可以先用find_element_by_xxx方法找到这个frame元素，然后把这个元素传进去，这也是可行的。

　　switch_to_frame方法把当前定位的主体切换了frame里。怎么理解这句话呢？我们可以从frame的实质去理解。frame中实际上是嵌入了另一个页面，而webdriver每次只能在一个页面识别，因此才需要用switch_to_frame方法去获取frame中嵌入的页面，对那个页面里的元素进行定位。

　　switch_to_default_content方法的话则是从frame中嵌入的页面里跳出，跳回到最外面的原始页面中。

　　如果页面上只有1个frame的话那么这一切都是很好理解的，但如果页面上有多个frame，情况有稍微有点复杂了

Python脚本

测试用HTML代码：

frame.html:

    <html>
     <head>
      <meta http-equiv="content-type" content="text/html;charset=utf-8" />
      <title>frame</title>      
      <script type="text/javascript" async="" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
      <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />        
      <script type="text/javascript">
        $(document).ready(function(){
        });
      </script>
     </head>

     <body>
      <div class="row-fluid">
        <div class="span10 well">       
          <h3>frame</h3>
          <iframe id="f1" src="inner.html" width="800", height="600"></iframe>
        </div>      
      </div>        
     </body>
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
    </html>

inner.html:

  <html>
     <head>
      <meta http-equiv="content-type" content="text/html;charset=utf-8" />
      <title>inner</title>      
     </head>

     <body>
      <div class="row-fluid">
        <div class="span6 well">        
          <h3>inner</h3>
          <iframe id="f2" src="http://www.baidu.com" width="700" height="500"></iframe>
          <br>
          <a href="javascript:alert('python-webdriver better than selenium webdriver;')">click</a>
        </div>      
      </div>        
     </body>
  </html>

测试用Python代码：

# coding=gbk
'''
Created on 2013年12月18日

@author: Administrator
'''
from selenium import webdriver
from time import sleep
from selenium.webdriver.common.keys import Keys
import os
import selenium.webdriver.support.ui as ui
if 'HTTP_PROXY' in os.environ: del os.environ['HTTP_PROXY']

dr = webdriver.Firefox()
file_path = 'file:///' +os.path.abspath('frame.html')
dr.get(file_path)

#从框架f1到框架f2
dr.switch_to_frame('f1')
dr.switch_to_frame('f2')

#在f2中模拟键盘输入
dr.find_element_by_id('kw').send_keys("Python WebDriver")

#跳出所有frame
dr.switch_to_default_content()

#再回到框架f1
dr.switch_to_frame('f1')
dr.find_element_by_link_text('click').click()

sleep(5)
dr.quit()