selenium元素定位不到有哪些原因

软件测试
自动化测试优质创作者
2021-10-28 09:16:59
加精

 

        写本文是因为，昨天群友在群里就遇到了这类的问题。并且我想想很多初学者的朋友也会有这样的问题，也有很多入门着也会有这样的情况。面试过程中面试官也比较喜欢文元素定位一类的问题。本文就为你揭晓selenium元素定位，定位不到的情况有哪些，并一一举例出来！

        另如果有想进群的朋友可以加我VX：qing_an_an，热爱测试的朋友，拥有上进心的朋友，欢迎你的加入！

        在HTML页面中，元素定位不到通常需要考虑到是不是需要考虑切换句柄，切换iframe，元素是不是隐藏了，元素是不是写错了，遇到了弹窗，遇到了下拉框，还有就是是不是姿势不对。

目录

元素错误

未切换句柄

超链接

iframe标签

隐藏标签-元素

 鼠标操作：

JS操作：

下拉框

元素错误

        注意：此处的元素错误指的是你的定位元素写错了，而不是指元素本身错误。看看例子：

         我们定位百度输入框时采用find_by_element_id的方式进行定位，这里是id=kw，当我们写成其他的元素如id=wk


from selenium import webdriver

fox = webdriver.Firefox()
fox.get("https://www.baidu.com")
fox.find_element_by_id("wk").send_keys('清安')
fox.quit()

        此处定位不到是因为元素写错了，所以这也是初学者最容易放的错误。首先要检查的就是这个问题。其次，我们可以看控制台错误警告：

         看到这个错误就应该知道是元素错误了。正确的应该是：

from selenium import webdriver

fox = webdriver.Firefox()
fox.get("https://www.baidu.com")
fox.find_element_by_id("kw").send_keys('清安')
fox.quit()

 

未切换句柄

        切换句柄是什么意思呢。就是你从百度搜索到下面例子的京东界面，浏览器中打开了两个网页，你需要从百度的界面跳转到这么界面。如下：

         这里元素定位输入框是id=key但是你会发现定位不到。

from time import sleep
from selenium import webdriver

fox = webdriver.Firefox()
fox.get("https://www.baidu.com")
fox.find_element_by_id("kw").send_keys('京东')
fox.find_element_by_id("su").click()
fox.find_element_by_xpath('/html/body/div[1]/div[4]/div[1]/div[3]/div[1]/div/div/div[1]/div/div[1]/div/h2/a[1]/em').click()
sleep(2)
fox.find_element_by_id('key').send_keys('python')

fox.quit()

         所以你需要切换句柄，怎么操作呢？看代码

from time import sleep
from selenium import webdriver

fox = webdriver.Firefox()
fox.get("https://www.baidu.com")
fox.find_element_by_id("kw").send_keys('京东')
fox.find_element_by_id("su").click()
fox.find_element_by_xpath('/html/body/div[1]/div[4]/div[1]/div[3]/div[1]/div/div/div[1]/div/div[1]/div/h2/a[1]/em').click()
sleep(2)
# 获取当前句柄
ele = fox.current_window_handle
print(f"当前句柄是：{ele}")
#获取所有句柄
ele_all = fox.window_handles
print(f"所有句柄号：{ele_all}")
# 切换句柄号
fox.switch_to.window(ele_all[-1])
fox.find_element_by_id('key').send_keys('python')

fox.quit()

        切花句柄为什么我写的是-1，因为我想去最后一个句柄，你也可以看打印出来的句柄号是什么，直接指定切换即可。写法：fox.switch_to.window('123456')。

        句柄号截图我就不摆出来了，浏览器不一样，句柄号格式不一样。

超链接

        超链接<a>标签，很多人在不注意的时候一股脑的就猛的定位，然后定位不到了就疯狂的找原因改其他的标签定位。看例子

         注意：这里明确告诉你超链接不能直接定位，但是可以告诉你的是，超链接不能直接定位难道辅助定位还不行吗。

from time import sleep
from selenium import webdriver

fox = webdriver.Firefox()
fox.get("https://www.baidu.com")
fox.find_element_by_id("kw").send_keys('清安无别事')
fox.find_element_by_id("su").click()
fox.find_element_by_xpath('/html/body/div[1]/div[4]/div[1]/div[3]/div[3]/h3/a/em').click()
sleep(2)
fox.quit()

        这里举例我想定位2021年01月_清欢无别事_这条超链接内容并点击，那么这里你就用xpath定位，定位到红色字体的清安无别事。如果你要问为什么，那就是那里有一个em标签，你想定位红色字体以外的你想定位的超链接是定位不到的。很多时候你可以看到超链接里面放入了id，name等元素，你可以依靠这些进行定位。

        这里还需要注意的就是，想这种随着时间的更新页面会发生变化的，xpath是不准的，所以需要自己维护。

iframe标签

        这个标签通常在登录的时候会看到，像知乎，QQ空间等登录界面都会看到，我们看图：

         iframe标签里面可以嵌套一个HTML网页，所以，定位不到的时候记得看看是不是也有这个原因。

from selenium import webdriver

fox = webdriver.Firefox()
fox.get("https://qzone.qq.com/")
fox.find_element_by_id('switcher_plogin').click()
fox.find_element_by_id('u').send_keys('清安无别事')
fox.find_element_by_id('p').send_keys('欢迎入坑')

fox.quit()

        看到此处代码，如果你想直接去定位，得到的就是：

         所以此处我们需要想切换句柄一样去切换到这个标签上去！

from selenium import webdriver

fox = webdriver.Firefox()
fox.get("https://qzone.qq.com/")
# 定位标签
ifranme = fox.find_element_by_id('login_frame')
# 切换到标签上
fox.switch_to.frame(ifranme)
fox.find_element_by_id('switcher_plogin').click()
fox.find_element_by_id('u').send_keys('清安无别事')
fox.find_element_by_id('p').send_keys('欢迎入坑')

fox.quit()

        此处是有id有那么的情况，如果没有这些呢，我们也可以用标签名来进行定位fox.find_element_by_tag_name()，所以不要慌。

隐藏标签-元素

        在实际的项目中，你是否遇到了有隐藏元素或隐藏标签的情况。今天就来举例一个这种情况，以及解决办法。先看两张图：

         上面两张图，后者是因为点击了dd右边的图标才显示的元素，遇到这样的情况你会怎么办？

是不是首先想到的就是先点击图标再去定位输入框，输入字符？我们来看看代码。

from time import sleep
from selenium import webdriver

fox = webdriver.Firefox()
fox.get("https://xxxxxxxx/account/basic")
fox.find_element_by_id('fm-login-id').send_keys('清安无别事')
fox.find_element_by_class_name('ivu-input.ivu-input-default.ivu-input-with-suffix').send_keys('qing_an_an')
fox.find_element_by_class_name('fm-button').click()
sleep(3)
# 定位图标
fox.find_element_by_class_name('basic-login-img').click()
# 定位输入框更改字符
fox.find_element_by_class_name('ivu-imput-wrapper.ivu-input-wrapper-default.ivu-input-type.isRead').send_keys('清安')
fox.quit()

         这里因为是实际的项目，所以还不能公布。见谅！这里提供一定的解决办法。这里之所以定位不到是因为点击图标的时候隐藏的输入框才会显现。待你再次点击其他地方的时候就会再次隐藏掉。所以个人拙见，这类操作不符合selenium的一种写法操作。

        对于这类的情况，本人能力有限。只能准备了两种解决办法。一种是JS一种是鼠标操作。一起看看吧：

 鼠标操作：

        鼠标操作前面出过文，不清楚的可以去看看，下面的鼠标操作处结合这张图看：

from time import sleep
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains

fox = webdriver.Firefox()
fox.get("https://www.kameymall.com/account/personal/basic")
fox.find_element_by_id('fm-login-id').send_keys('1084460197@qq.com')
fox.find_element_by_class_name('ivu-input.ivu-input-default.ivu-input-with-suffix').send_keys('88888888')
fox.find_element_by_class_name('fm-button').click()
sleep(3)
# 定位图标
fox.find_element_by_class_name('basic-login-img').click()
# 实例化鼠标操作
action = ActionChains(fox)
# 定位到输入框
ele1 = fox.find_element_by_class_name('margin')
# 鼠标点击并输入名字
action.click(ele1)
action.send_keys('清安').perform()
fox.quit()

JS操作：

        这里我用的火狐，不同的浏览器复制的定位略有不同，所以你要是用的谷歌，IE只要能定位到就好，不必差异:

         首先用JS去点击这个图标，点击图标后隐藏的一些列元素就会展现出来。

         这里我点击跟输入值一起操作了，自己操作的时候可以一步步来：

         看这，这个隐藏的input标签就显示出来了，然后我们再次去做输入的操作即可，看看完整出代码：

from time import sleep
from selenium import webdriver

fox = webdriver.Firefox()
fox.get("https://xxxxxx")
fox.find_element_by_id('fm-login-id').send_keys('100000000@qq.com')
fox.find_element_by_class_name('ivu-input.ivu-input-default.ivu-input-with-suffix').send_keys('88888888')
fox.find_element_by_class_name('fm-button').click()
sleep(3)
# 定位图标
js_res = "document.querySelector('.basic-login-img').click())"
fox.execute_script(js_res)
js_value = "document.querySelector('.ivu-input.ivu-input-default').value='清安'"
fox.execute_script(js_value)
fox.quit()

下拉框

        这里最后一种情况就是下拉框的情况了，很多朋友不知道下拉框如何定位，一般定位下拉框往往需要伴随切换标签到另一个HTML页面上去。并且下拉框也需要导入一个库来使用，所以此处需要特别注意一下。

        此处项目给到各位，可以自行练习。

from time import sleep
from selenium import webdriver
from selenium.webdriver.support.ui import Select

fox = webdriver.Firefox()
fox.implicitly_wait(2)
fox.get("http://shop.aircheng.com/ucenter/address")
fox.find_element_by_name('login_info').send_keys('nswe')
fox.find_element_by_name('password').send_keys('111111')
fox.find_element_by_class_name('input_submit').click()
fox.find_element_by_partial_link_text('地址管理').click()
sleep(2)
fox.find_element_by_class_name('fa.fa-map-marker').click()
# 定位标签
ifranme = fox.find_element_by_name('OpenaddressWindow')
# 切换到标签上
fox.switch_to.frame(ifranme)
sleep(3)
# 导入select标签
ele = fox.find_element_by_name('province')
Select(ele).select_by_value('440000')
ele_city = fox.find_element_by_name('city')
Select(ele_city).select_by_visible_text('深圳市')
ele_area = fox.find_element_by_name('area')
Select(ele_area).select_by_index(5)
sleep(5)
fox.quit()

        一搬面试官问元素定位不到一般性指的是前几种情况，也还有元素还没加载完导致元素定位不到--需要添加等待时间，也有是因为部分控件是不支持元素定位的，比如 canvas画布控件等啧需要人工去验证了。这也恰巧说明了自动化其实不能完全代替人为测试。各位细细体会。最后这种下拉框情况是博主自己加上的。解决方法给到各位，看到这，在此也感谢各位能看完这篇文章。同时也欢迎各位留言！

...全文
665 回复 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
selenium webdriver (python) 第一版
selenium webdriver 关于python语言的实现，目前最全面实用的文档，虫师首发。
Selenium UI自动化测试中元素定位不到的原因和解决方法汇总
文章目录1、元素定位不到的原因和解决方法2、如何提高 selenium 脚本的自动化执行效率 1、元素定位不到的原因和解决方法 排查原因 解决方法 没有打开正确的网址 填写正确的网址 定位器选择错误 选择合适的定位器 定位表达式错误 简单粗暴：F12 copy或手写定位调试 元素嵌套在iframe中 1，切换到iframe中：driver.switch_to.frame(’ iframe的id或name值 ')；2，再进行元素定位 元素在新窗口中 1，获取打开的多个窗口句柄：
Selenium定位不到元素常见原因及解决办法
Python3 Selenium定位不到元素常见原因及解决办法 一、问题描述 **　　在做web应用的自动化测试时，定位元素是必不可少的，这个过程经常会碰到定位不到元素的情况：** **　　报错信息： no such element: Unable to locate element: {“method”:“xpath”,“selector”:“xpath”}** 二、分析以及解决方案 1，原因一以及解决方案 （1）原因： **　　******Frame/Iframe原因定位不到元素：****这个是最常见.
selenium定位不到元素的几种原因
1.网络延迟，导致代码已经跳转到下一页面，但是网页还没有跳转，导致元素定位不到 2.页面中有frame，iframe表单，没有切换表单再定位 3.页面中frame，iframe表单的name，id属性是动态的，无法通过name，id定位 4.button通过a标签实现，定位a标签要通过xpath，或css_selector(’[属性名=属性值]’) 5.页面中有弹窗，需要切换至弹窗再定位 6.窗口句柄还处在上一个窗口，导致无法定位新窗口的元素。需要切换至新窗口句柄。 ...
Selenium元素定位方法总结
Selenium可以驱动浏览器完成各种操作，比如模拟点击等。要想操作一个元素，首先应该识别这个元素。人有各种的特征（属性），我们可以通过其特征找到人，如通过身份证号、姓名、家庭住址。同理，一个元素会有各种的特征（属性），我们可以通过这个属性找到这对象。 目录 一、元素的概念 （一）什么是元素？ （二）查看元素信息 二、元素定位方法 （一）根据id定位 （二）根据name定位 （三）通过class name定位 （四）根据tag定位 （五）通过link text定位 （六）通过parti
软件测试

5,628

社区成员

877

社区内容

发帖
与我相关
我的任务
社区描述
源于测试的引力。集各方资料。欢迎各位入社！同时欢迎各位加好友进群一起交流：qing_an_an
社区管理员
  • 清安无别事
  • 虫无涯
  • 小博测试成长之路
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
  1. 欢迎分享各种测试资料
  2. 欢迎共享各种测试资源
  3. 欢迎各界大佬前来入寨

试试用AI创作助手写篇文章吧

+ 用AI写文章