三大等待和三大切换

三大等待

1、三大等待：等待的方式有三种：强制等待，隐性等待，显性等待。

• 1、强制等待：time.sleep(2)，秒

  • 优点：使用简单
  • 缺点：等待时间把握不准，容易造成时间浪费或者等待时间不足，不灵活

• 2、智能等待–在指定时间内(最长时间12,15s)，什么时候成立，什么时候不等了

  • 2.1、隐形等待：driver.implicitly_wait(“超时时长-秒”)
    条件：等待一个元素被找到。 找元素都是从html当中去找。find_element,在html当中是存在的。
    特征：在一个浏览器会话当中只需要被调用一次，所有的find_element都可以应用。
    如果超时时长以内没有找着元素，就会抛异常：NosuchElementException的找不到元素的异常。
    优点：全局应用，它适用于WebDriver会话期间中所有查找的Web元素（通过findelement方法）
    缺点：它只支持单一条件：元素存在；只能等待元素存在，不能适用条件
    更复杂的情况，如：元素可点击、元素可见
  • 2.2、显性等待：
    注意：条件的参数必须要是元组或者列表的类型的：（元素定位的方法，元素定位表达式）
    WebDriverWait(driver, 超时时间, 轮询周期默认0.5).until(条件) 直到条件成立 ---- 用这个
    WebDriverWait(driver, 超时时间, 轮询周期默认0.5).until_not(条件) 直到条件不成立 -用的少
    局部生效，哪里需要等待哪里就要调用，生效只有一次。
    如果超时时长以内没有找着元素，就会抛异常： TimeoutException，超时异常
    优点：可以设置更加丰富的特定条件
    缺点：仅对指定的元素生效，代码略复杂 【但是后面框架封装之后 封装一次 后面调用】
    presence_of_element_located(元组/列表) ：给定的元素存在
    visibility_of_element_located(元组/列表) ：给定的元素可见
    element_to_be_clickable(元组/列表) ： 给定的元素可点击

2、元素存在/可见/可用的区别： 元素存在< 可见< 可用

• 元素的存在： 能find_element就可以了。如果存在但不可见，是可以获取元素属性的，但是不能够对元素进行操作。
  元素的可见： 在存在的基础上，元素在页面上大小>0,即在页面上显示出来了 肉眼可见。
  比如百度页面上的设置按钮，鼠标悬浮上去才会显示菜单，那么默认情况下 这个元素是存在但不可见的：
  style=‘display：None’； 不可见，这个元素是存在但是不可见。
  style=‘display:block’ 元素展示出来了，存在并且可见。
  元素的可用：在可见的基础上，能够使用其原始功能，比如可点击，可输入等
  比如按钮可点击即可用，不可点击即不可用。输入框可输入即可用，不可输入即不可用。下拉列表可以选可用

3、find_element和 find_elements

• find_element — 在页面当中找到匹配的第一个元素。返回的WebElement对象 【就算元素定位的表达式不唯一，也会返回找到第一个元素】
  如果元素表达式能唯一尽量唯一，如果实在没有办法找到唯一的,你也可以使用这个不唯一方法 找到第一个元素。
• find_elements — 在页面当中，找到匹配的所有元素。返回的列表。列表当中每个成员都是WebElement对象 --万不得已的时候可以用，基本上很少用。

4、WebElement类当中定义常用的方法：

• send_keys() — 输入 （Keys类定义了键盘上除了26个字母和0-9数字外其它的按键。）
• click() — 点击操作
  text — 获取元素的文本内容(页面操作之后某些元素的文本发生变化 或者 拿到这个文本用来做断言)
• get_attribute() — 获取元素的属性值
• clear() — 清除内容
• is_displayed() – 元素是否显示 结果为布尔值，可以用来做断言

2、三大切换

元素报错找不到可能的原因有哪些？【F12里可找到这个元素 但是代码执行报错】
1）页面需要加一些等待
2）窗口切换
3）iframe子页面
4）页面有弹框

• 1、窗口切换
• 当我们点击了 a 标签元素（超链接）时，会触发打开链接页面的事件，有两种
  情形：
  1、在当前窗口加载新页面内容
  2、新建一个窗口加载新页面内容，这种情况在 a 标签有
  target=“_blank” 时触发。
  当发生第2种情况时，我们需要切换窗口。在新的窗口里定位元素。
  

切换的步骤：
1）执行打开新窗口的操作
2）获取现在所有的窗口句柄。
窗口列表 : wins = driver.window_handles ,结果是个列表，最新的
窗口在列表的最后。
新打开的窗口追加在窗口列表末尾。
通过索引进行选择： wins[-1]获取最新的窗口
3）切换到最新窗口：driver.switch_to.window(窗口列表[-1])
切换窗口-参数windowname（窗口的名字 也就是窗口句柄）
需要注意，窗口的句柄并不是固定的，而是由浏览器分配的，类似
于进程号： 窗口句柄是唯一，但是并不固定 ，所以不能直接写死进
行切换。
需要通过获取到所有句柄后的列表 取值

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
driver  = webdriver.Chrome()
driver.get("https://www.baidu.com/")
driver.maximize_window()
x_wait_click =(By.XPATH, '//a[contains(text(),"新闻")]')
WebDriverWait(driver, 5, 0.5).until(EC.element_to_be_clickable(x_wait_click)).click()
#打开新的tab页，打开新闻的页面
#第一步：获取所有的窗口的句柄wins = driver.window_handlesprint(wins[-1])
# 第二步：取值切换新的窗口
driver.switch_to.window(wins[-1])
#//input[@id="ww"]
ww = (By.XPATH,'//input[@id="ww"]')
WebDriverWait(driver,10,1).until(EC.visibility_of_element_located(ww)).send_keys("中国")time.sleep(2)
driver.quit()

• 2、多窗口切换：

'''
打开新的tab页，打开新闻的页面
第一步：获取所有的窗口的句柄import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
driver  = webdriver.Chrome()
driver.get("https://www.baidu.com/")
driver.maximize_window()
news =(By.XPATH, '//a[contains(text(),"新闻")]')
map = (By.XPATH,'//a[contains(text(),"地图")]')
post_par = (By.XPATH,'//a[contains(text(),"贴吧")]')
WebDriverWait(driver, 5, 0.5).until(EC.element_to_be_clickable(news)).click()
WebDriverWait(driver, 5, 0.5).until(EC.element_to_be_clickable(map)).click()
WebDriverWait(driver, 5, 0.5).until(EC.element_to_be_clickable(post_par)).click()
#打开新的tab页，打开新闻的页面
#第一步：获取所有的窗口的句柄wins = driver.window_handles
print(driver.current_url)
print(wins)
ww = (By.XPATH,'//input[@id="ww"]')
for i in wins:if driver.current_url =="https://news.baidu.com/":breakelse:
# 取值切换新的窗口driver.switch_to.window(i)
WebDriverWait(driver,10,0.5).until(EC.visibility_of_element_located(ww)).send_keys("中国")time.sleep(2)
driver.quit()

• 2、iframe切换

  • 1. iframe是什么？
    • iframe里面放的是另外一个html页面。页面嵌套
      driver.find_element的时候，只在当前所在的html当中找元素，不可以
      跨html的。所以，如果我们要操作iframe当中html里的元素，那么必须先切换到iframe当
      中的html当中去

  • 2.如何确认页面是否有iframe的步骤：

    • 第一个就是：明确元素定位正确且等待到位，依然找不到元素，那么有可能就是在iframe当中。
      第二个就是：在元素定位的时候，查看上方的绝对路径链接，如果其中有2个html，说明在iframe当中

  • 3、iframe切换的方法：driver.switch_to.frame(有2种方式)

    • 第一种：通过iframe元素的name或者id属性切换： 【QQ空间案例】
      driver.switch_to.frame(“login_frame”)
      注意： 如果id是变化的，也是不可以用于定位的，要换定位方法进
      行定位； 如何确认是变化的，有数字+刷新确认。| 没有id和name
      属性，也需要换方法定位并切换。
      第二种：识别你要操作的元素是不是在iframe当中 【126.com案例】
      

  • 4、iframe退出

    • 退出iframe
      切到子页面里，有时候需要退回到主页面里定位，就需要退出iframe：
      driver.switch_to.default_content() — 跳出iframe，回到默认的html当
      中。如果有多层页面嵌套，一下回到最外层页面。
      driver.switch_to.parent_frame() ： 回到父级页面中，只能一级一级的
      跳出
      注意：一个主页面可能会存在多个iframe子页面，要进去另外一个
      iframe，就需要先退出 再进去另外一个。

• 3、弹框切换

  • 弹窗切换【alert(警告消息框)，confirm（确认消息框），prompt（提示消息对话框） 】

  • 如果页面发生了弹窗，要点击弹窗元素，也要进行弹窗切换，不然定位不到元素。
    弹窗有三种不同类型：alert（警告消息框）、confirm（确认消息框）、prompt（提示消息对话框）
    通过switch_to.alert()切换到弹窗
    再使用accept、dismiss、send_keys、text方法进行操作
    1）alert弹框： 本质上是js的弹框 ，需要切换后将它关掉。 ==最常见 优先掌握
    弹框出现后，要点击确认，才会消失。操作：
    accept(): 点击确定
    text: 获取弹框文本
    2）confirm（确认消息框）： 确认和取消两个选项，可以有如下操作：
    dismiss(): 点击取消
    accept(): 点击确定
    text: 获取弹框文本
    3）prompt（提示消息对话框），可以输入内容。 有如下四种操作：
    dismiss(): 点击取消
    accept(): 点击确定
    text: 获取框中的文本
    send_keys(): 输入文本
    注意： prompt输入文本，chrome浏览器不支持,Firefox支持，chrome浏览器的驱动bug

  • 4、如果元素定位不到，有哪些原因？【no suchelement 如何排查】

    • 1、检查我们的元素定位表达式是否写错，可以F12搜索验证
      2、检查是否是需要加等待： 智能等待+ 强制登录结合使用
      3、检查是否元素在iframe中，如果是的话就需要切换iframe
      4、检查元素是否在新的窗口中，如果是的话我们就需要切换窗口
      5、检查是否有弹框，需要点掉弹框再去定位；
      6、是否元素不可见，先移动鼠标或者其他操作让你可见后再操作 – 操作鼠标
      7、是否无法直接操作，可以通过js 点击 或者键鼠操作等。 – js点击 后面会讲