python selenium系列（七）使用Chrome Console验证XPATH和CSS

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了python selenium系列（七）使用Chrome Console验证XPATH和CSS，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1760字，纯文字阅读大概需要3分钟。

内容图文

一 前言

在先前的系列介绍中，我们知道Selenium Web UI脚本开发需要先定位元素，除了基本的id，name，class  name，tag name等，可以直接从网页源码中查看，但像xpath、css，它们已经不再是可以定位的一串字符，而且表达式，所以，不可避免的需求就是如何验证用于元素定位的xpath、css表达式是否正确呢？总不能每次调整就靠执行脚本来验证吧，那样将会大大降低开发效率。

当然，如果细心的你阅读过python selenium系列（二）元素定位方式，可能会好奇了，可以借助浏览器或插件copy xpath css啊，也免去验证了。确实，利用此方法有些时候非常便利，但有时工具返回的结果就不尽人意了，冗长、繁琐、不利维护。此时，就要发挥咱们人类的能动性重写了，因而就需要对编写的表达式进行验证。

二 Chrome验证流程和方法

1.       使用chrome浏览器打开待测试的网页，按F12键就可以看到开发工具了，如图：

如图中红框标识的位置，可以控制开发工具的位置，上图是设置单独窗口的状态。

2.       在开发工具的下面点击console，可以看到命令提示光标 >,等待接收命令，如图：

3.       验证css，命令： $$(“”)，双引号内写css表达式，如图：

如图，我们用简洁的css定位到了“平山的博客”，并且验证了表达式写法的正确性。现在我们使用工具直接获得该元素的表达式，比较下哪个更人性化，，工具傻瓜式获得的表达式如下：

body > div.Content-box > div > div.header-bg > div > div.header-top > div.right > a

结果不言而喻了吧。

接下来，使用CTRL+L键清空命令窗口，进行xpath的验证吧。

4.       验证xpath，命令：$x(“”)，双引号内写xpath表达式，如图：

如图，我们用简洁的xpath定位到了“平山的博客”，并且验证了表达式写法的正确性。直接使用工具获得元素的xpath路径是这样的：

/html/body/div[2]/div/div[1]/div/div[1]/div[2]/a

 由此可知，我们可以直接利用chrome自带的开发工具进行xpath、css的验证，简单、方便。

    三 Chrome验证流程和方法

    关于python学习、分享、交流，笔者开通了微信公众号【小蟒社区】，感兴趣的朋友可以关注下，欢迎加入，建立属于我们自己的小圈子，一起学python。

内容总结

以上是互联网集市为您收集整理的python selenium系列（七）使用Chrome Console验证XPATH和CSS全部内容，希望文章能够帮你解决python selenium系列（七）使用Chrome Console验证XPATH和CSS所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端