关于selenium中页面元素(Elements)定位思路整理






关于selenium中页面元素(Elements)定位思路整理

入行以来,经常会遇到有人问我,这个“元素怎么定位?”、‘这个元素我怎么定位不到?’、‘为什么不存在与页面中?’….等等关于页面页面元素的定位问题。So,授人以鱼不如授人以渔,今天我就和大家商讨一下关于页面元素定位的思路。(重点在后面的黑科技
PS:如有不对的地方请指出(不经常上线,有可能有点慢,加QQ1617300027)
以下情况都是大家说找得到,却定位不到的情况:
通常,我们这页面中定位一个元素,如果HTML中明明有却定位不到,我们一定会从这两个方面考虑。
第一:是不是页面中有多个iframe/frame结构,很多情况下我们需要通过切换iframe/frame结构来定位,如果页面中存在iframe/frame的情况,我们先要排查是否是因为我们的driver所在位置与我们要定位的element不在同一iframe/frame中,排查方法:查看HTML结构,页面中找到我们要定位的元素,一级一级向上,如果被直至确定其最上级是一个iframe/frame,并且确认driver当前所在位置不被包含于iframe/frame结构中;我们要做的就是将我们的driver切换至这个iframe/frame结构中再定位。
例子:
HTML结构

假如,我们的driver所在在’‘且不被包含于iframe结构中,我们要定位iframe 表单结构中的‘My97DatePicker’这个元素,我们要先将driver切换至iframe结构中–driver.switch_to.frame() 然后再定位我们的要定位的元素。 这里的的难点应该是关于iframe的定位:driver.switch_to.frame() 这个方法“()”中可以是iframe的id/name(如果是固定的),也可是一个Webelement(这个可以通过定位iframe来获取)我这里,由于iframe没有id和name(当你遇到的id/name是随机的时候也可以这样),思路:我的driver在iframe的上一级,在整个HTML中搜索iframe有且只有一个iframe结构,所有我利用标签(driver.find_elemen_by_tag("iframe"))来定位,然后切换结构层,定位我们要定位的元素,脚本实现:

Webelement = driver.find_elemen_by_tag(“iframe”)
driver.switch_to.frame(Webelement )
driver.find_element_by_link_text(“My97DatePicker”)

iframe/frame的切换方法还有很多,大家自己普及(有时间我会考虑出一篇相关思路整理发表)

第二:是否不显示在页面中。随着JavaScript的普及,很多元素的定位我们都得考虑是否这个元素被触发为可见状态了。
下面列举两种需要出发的情况:
1、元素被包含在下拉列表中,不点击下列表时无法选中。
这种情况很好结局,无非就是先定位并点击列表,在定位我们要定位的元素
2、元素被包含在提示框中,鼠标得悬浮在其上才能触发JavaScript,元素才可见被选中。
这种情况,我们就需要引用鼠标悬浮的方法,脚本实现:

引用selenium公共方法 ActionChains

from selenium.webdriver.common.action_chains import ActionChains

鼠标悬浮至element上:

Webelement = driver.find_elemen_by_xxx (element)
ActionChains(driver).move_to_element(Webelement).perform()

然后再定位我们的元素。

黑科技:

排除上面两种我们还定位不到元素的思路:
组合定位方法
定位页面中所有相同的元素(class_name相同、xpath相同、css相同、tag_name相同…等等),再通过元素的属性值来筛选达到定位至该元素(当你死活定位不到这个元素的时候开业尝试)
例子,举例通过不同的定位方式定位页面中相同元素:
"定位图中圈起来的<div

 <div class="J_adv" data-view="true" data-mod="ad_popu_259"
 data-mtp="66" data-order="806" data-con="ad_content_3933"></div>

方法一: find_element_by_xpath(‘//*[@id=”feedlist_id”]/div‘)
方法二:find_element_by_class_name(‘J_adv’)
方法三:


for element in find_element_by_xpaths('//*[@id=”feedlist_id”]/div'): \
'''
这些if都是限定条件,根据就是 element.get_attribute() 这个方法,这个方法可以获取WebElement的任何属性。
这时,我们就可以根据 WebElment 的任何属性来限定我们要定位的元素
'''
  if element.get_attribute('class') == 'J_adv':
      if element.get_attribute('data-view')=='true':
          if element.get_attribute('data-mod')=='ad_popu_259':
              element.click()
同样的,我们还能使用这么些方法去限定: element.is_displayed():返回元素结果是否可见(True 或 False) #常用 element.is_selected():返回元素结果是否被选中(True 或 False) #一般不用 还是写文章不会写啊,我感觉自己想表达的东西还是没有完全表达出来,我是真心想让每个对webelement定位觉得困难的朋友有所收获,唉~文笔不够啊。 另外总结一下经验之谈的两种定位不到元素的情况: 1、页面未完全加载:这种情况可以尝试使用显性等待、强制等待等方式: 显性等待:
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.common.by import By
locator = (By.XPATH, element)
#显性等待页面中所有元素
WebDriverWait(driver, 15, 0.5).until(EC.visibility_of_all_elements_located(locator))
#等待页面中是至少一个元素存在
WebDriverWait(driver, 20, 0.5).until(EC.presence_of_element_located(locator))
#处理这些还有很多大家自己去拓展
强制等待: import time time.sleep(2) 2、页面加载完成元素需要JavaScript的渲染,未渲染完全 这里和大家说一下,如果页面加载完成一般这个元素都是可以在页面中获取了,但是在未渲染完全的情况下是不可见的,所以我们可以通过上面的显性等待、强制等待、或者 一些 循环语句结合 element.is_displayed() 来达到效果。 以上基本就是我们今天的内容了。 谢谢大家~有什么不对的地方请留言,我一定更正~!!!
  • 12
    点赞
  • 66
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值