selenium_定位层级内元素

selenium定位层级内元素_selenium

1 窗口的定位

对于一个现代的web应用,经常会出现框架(frame) 或窗口(window)的应用,这也就给我们的定位带来了一个难题。

有时候我们定位一个元素,定位器没有问题,但一直定位不了,这时候就要检查这个元素是否在一个frame中,seelnium webdriver 提供了一个switch_to_frame方法,可以很轻松的来解决这个问题

多层框架或窗口的定位:

  • driver.switch_to.frame()

1.1 frame.html

<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  <title>frame</title>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
  <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css"
    rel="stylesheet" />
</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="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.8/dist/js/bootstrap.min.js"></script></html>
</html>

1.2 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="https://cn.bing.com/" width="700" height="500"></iframe>
    </div>
  </div>
</body>
</html>

2 switch_to_frame()

from selenium.webdriver.chrome.service import Service
from selenium import webdriver
from selenium.webdriver.common.by import By


import os
from time import sleep


def select_frame():
  # 创建驱动
  s = Service(executable_path='./chromedriver.exe')
  # 创建浏览器
  driver = webdriver.Chrome(service=s)
  file_path = 'file:///' + os.path.abspath('./html/outer.html')
  # 打开网页
  driver.get(file_path)
  # 切换frame
  driver.switch_to.frame('f1')
  driver.switch_to.frame('f2')
  # 定位元素,输入要搜索的内容
  driver.find_element(By.ID,'sb_form_q').send_keys('百战')
  # 定位按钮,点击搜索
  driver.find_element(By.ID,'search_icon').click()
  sleep(3)


  driver.quit()


if __name__ =='__main__':
  select_frame()