Selenium自动化测试之学会元素定位 - 码农知识堂

Selenium自动化测试之学会元素定位

这是我经常被问到的一个问题，也是我很讨厌回答的问题，因为要想回答这个问题需要知道上下文。什么样式的元素，有哪些属性，是否有表单嵌套，都尝试了哪些定位方法。。。而且没几个提问者能事先详细的说明这些。哪儿像提bug一样描述重现步骤，而且每一步都截图，生怕开发重现不了。反正，向我提问者没见过这样的，大多就报着试试态度，你爱回不回，碰碰运气说不定就回我了。

当然，我写这一篇文章的目的肯定不是为了吐槽，我是打算拿这个链接丢给他看，所以，这里会总结常见几种情况，以及解决办法。如果本文能不解决你的问题，你问我也没用。

1、是否有表单嵌套。

像这样顺着定位的元素往上找，如果找到了</code> 标签说明你定位的元素是在表单里面的，你需要先切换到这个表单，再定位元素。</p> <p><a href="http://www.testclass.net/selenium_python/more-iframe/" rel="nofollow" title="参考例子">参考例子</a></p> <h4 id="2是否打开了新窗口"><a name="t0"></a><a name="t1"></a>2、是否打开了新窗口。<img alt="" height="543" src="https://1000bd.com/contentImg/2024/03/12/084936100.png" ></h4> <p>像这样的，就是两个窗口，从登录窗口点击“注册”打开的新窗口。不切换到注册窗口怎么操作？</p> <p>参考例子</p> <p>本来多窗口不是眼瞎都能看出来，但是，前两天一个同学的情况，登录界面，点击了登录之后旧的登录窗口关闭，新的登录之后的窗口打开。这就有点迷惑人了。不过，你依然可以通过多窗口的处理来解决这个问题。</p> <p>3、元素不可见或不满足条件。<br> 有些元素并不是不存在，而是不可见；或者你的操作步骤缺少前提步骤。<br><img alt="" height="260" src="https://1000bd.com/contentImg/2024/03/12/084936046.png" ></p> <p>像这样，我要想操作“搜索设置”不需要先<a href="https://so.csdn.net/so/search?q=%E9%BC%A0%E6%A0%87%E6%82%AC%E5%81%9C&spm=1001.2101.3001.7020" title="鼠标悬停">鼠标悬停</a>在“设置”上么？鼠标悬停“设置”链接上就是前提条件。</p> <p><img alt="" height="190" src="https://1000bd.com/contentImg/2024/03/12/084936071.png" > </p> <p>请把鼠标从“设置”上面移开，是不是发现display为none，它所在的整个</p> <p>标签就是因为这个属性的变化而隐藏的。</p> <p>4、定位方式不唯一，或根本就找不到任何元素。<br> 我都试了好几种定位方式了，怎么看这个元素就是这个属性，没错啊！这应该是你最常遇到了情况。这个时候怎么办呢？很简单。检验你的定位方式到底有没有找到元素。<br><img alt="" height="429" src="https://1000bd.com/contentImg/2024/03/12/084936089.png" ></p> <p>不管用什么定位方法，请用find_elements_by_xxx() 来定位一组元素。如果统计结果是0，说明你的定位方法找不到任何元素，你问我也帮不了你。如果大于1，说明你这种定位方法不是唯一的。</p> <p>其实，不唯一还好办，我们可以进一步筛选。</p> <p><img alt="" height="309" src="https://1000bd.com/contentImg/2024/03/12/084936110.png" ></p> <p> 把元素的所有属性都打印出来，看看第几个才是你想要的。</p> <p><img alt="" height="505" src="https://1000bd.com/contentImg/2024/03/12/084936079.png" ></p> <p>然后，你就可以愉快的选择你想要定位的元素了，像这样。</p> <p><img alt="" height="111" src="https://1000bd.com/contentImg/2024/03/12/084936070.png" ></p> <h4 id="最后赠送一个快速定位元素技巧"><a name="t1"></a>最后，赠送一个快速定位元素技巧。</h4> <p>启动Chrome浏览器，打开“开发者工具”，切换到console标签，通过 <strong>document.querySelector()</strong> 方法使用CSS语法定位元素。</p> <p><img alt="" height="403" src="https://1000bd.com/contentImg/2024/03/12/084936046.png" ></p> <p>你可以快速的验证CSS是否可以定位到元素，如果可用就复制到Selenium当中，不用每次通过运行Selenium脚本来验证，效率上快上很多。</p> <p>什么？你不懂CSS定位？或者你看不懂我在讲什么。你可能缺一本《Selenium 自动化测试实战 --基于python语言》</p> <p>最后感谢每一个认真阅读我文章的人，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走：</p> <p><img alt="" height="541" src="https://1000bd.com/contentImg/2024/03/12/134556934.png" ></p> <blockquote> <p> 文档获取方式：点击右边链接领取：<a href="https://kdocs.cn/l/cr7AVZiBmCIp" rel="nofollow" title="软件测试全套资料分享">软件测试全套资料分享</a> </p> </blockquote> </div> </div> </li> <li class="list-group-item ul-li"> <b>相关阅读:</b><br> <nobr> <a href="/Article/Index/801948">【Android笔记20】Android中的字符串、颜色、尺寸等资源的介绍及使用</a> <br /> <a href="/Article/Index/1162608">代码随想录算法训练营第十二天|今天的回溯味儿有点冲</a> <br /> <a href="/Article/Index/764519">layUI带搜索的选择框样式和官网显示不一致</a> <br /> <a href="/Article/Index/1415499">【SA8295P 源码分析】112 - QNX AIS Camera 出图代码过程详解之 VFEDriver 源码分析（本文未完，待更新...）</a> <br /> <a href="/Article/Index/734763">tomcat使用总结</a> <br /> <a href="/Article/Index/1523994">使用 ZipArchiveInputStream 读取压缩包内文件总数</a> <br /> <a href="/Article/Index/1049078">University of BRISTOL</a> <br /> <a href="/Article/Index/1273949">计网第五章（运输层）（一）</a> <br /> <a href="/Article/Index/832816">day5-selenium的高级和实战</a> <br /> <a href="/Article/Index/918892">移动端基础知识</a> <br /> </nobr> </li> <li class="list-group-item from-a mb-2"> 原文地址：https://blog.csdn.net/2301_79535733/article/details/133757375 </li> </ul> </div> <div class="col-lg-4 col-sm-12"> <ul class="list-group" style="word-break:break-all;"> <li class="list-group-item ul-li-bg" aria-current="true"> 最新文章 </li> <li class="list-group-item ul-li"> <nobr> <a href="/Article/Index/1484446">攻防演习之三天拿下官网站群</a> <br /> <a href="/Article/Index/1515268">数据安全治理学习——前期安全规划和安全管理体系建设</a> <br /> <a href="/Article/Index/1759065">企业安全 | 企业内一次钓鱼演练准备过程</a> <br /> <a href="/Article/Index/1485036">内网渗透测试 | Kerberos协议及其部分攻击手法</a> <br /> <a href="/Article/Index/1877332">0day的产生 | 不懂代码的"代码审计"</a> <br /> <a href="/Article/Index/1887576">安装scrcpy-client模块av模块异常，环境问题解决方案</a> <br /> <a href="/Article/Index/1887578">leetcode hot100【LeetCode 279. 完全平方数】java实现</a> <br /> <a href="/Article/Index/1887512">OpenWrt下安装Mosquitto</a> <br /> <a href="/Article/Index/1887520">AnatoMask论文汇总</a> <br /> <a href="/Article/Index/1887496">【AI日记】24.11.01 LangChain、openai api和github copilot</a> <br /> </nobr> </li> </ul> <ul class="list-group pt-2" style="word-break:break-all;"> <li class="list-group-item ul-li-bg" aria-current="true"> 热门文章 </li> <li class="list-group-item ul-li"> <nobr> <a href="/Article/Index/888177">十款代码表白小特效一个比一个浪漫赶紧收藏起来吧！！！</a> <br /> <a href="/Article/Index/797680">奉劝各位学弟学妹们，该打造你的技术影响力了！</a> <br /> <a href="/Article/Index/888183">五年了，我在 CSDN 的两个一百万。</a> <br /> <a href="/Article/Index/888179">Java俄罗斯方块，老程序员花了一个周末，连接中学年代！</a> <br /> <a href="/Article/Index/797730">面试官都震惊，你这网络基础可以啊！</a> <br /> <a href="/Article/Index/797725">你真的会用百度吗？我不信 — 那些不为人知的搜索引擎语法</a> <br /> <a href="/Article/Index/797702">心情不好的时候，用 Python 画棵樱花树送给自己吧</a> <br /> <a href="/Article/Index/797709">通宵一晚做出来的一款类似CS的第一人称射击游戏Demo！原来做游戏也不是很难，连憨憨学妹都学会了！</a> <br /> <a href="/Article/Index/797716">13 万字 C 语言从入门到精通保姆级教程2021 年版</a> <br /> <a href="/Article/Index/888192">10行代码集2000张美女图，Python爬虫120例，再上征途</a> <br /> </nobr> </li> </ul> </div> </div> </div>     <nav class="navbar navbar-inverse navbar-fixed-bottom"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="text-muted center foot-height"> Copyright © 2022 侵权请联系<a href="mailto:2656653265@qq.com">2656653265@qq.com</a>    <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2022015340号-1</a> </div> <div style="width:300px;margin:0 auto; padding:0px 5px;"> <a href="/regex.html">正则表达式工具</a> <a href="/cron.html">cron表达式工具</a> <a href="/pwdcreator.html">密码生成工具</a> </div> <div style="width:300px;margin:0 auto; padding:5px 0;"> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502049817" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> <img src="" style="float:left;" /><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">京公网安备 11010502049817号</p></a> </div> </div> </div> </div> </nav>   <script src="/js/plugins/jquery/jquery.js"></script> <script src="/js/bootstrap.min.js"></script>   </body> </html>