Selenium（三）实例讲解使用Firepath工具方法定位元素

文|桃子

文|桃子

接着之前的例子，使用的网站地址：

https://acesse.com（已登录状态），使用Firepath工具方法定位元素

一．实现的主要功能

点击用户名称，选择选中下拉菜单选项进入详细页面

二．理论部分

借助Firebug和Firepath工具，方便我们使用Xpath对元素进行定位，这里我们使用Xpath定位，一般都通过Xpath结合属性值进行定位元素，95%以上的定位都能通过此方法解决

三． 操作

1. 首先下载Firebug和Firepath工具,下载步骤：工具-web开发者-获取更多工具-搜索框搜索Firebug-添加到Firefox即可【Firepath同理】

Firebug

2. 工具使用，firefox中按[F12]

（1） 在Firebug 选项左键单击

（2） 右键选中要定位的元素选择【使用Firebug查找元素】

（3） 右键选中高亮代码，右键选择在FirePath面板中查看

（4） FirePath下文本框内容就是Xpath定位命令,拷贝命定到代码编辑器中（elipse）

[F12]

HTML代码：

HTML代码

3. 定位Xpath元素，实现点击按钮

browser.find_element_by_xpath("//*[@id='navbar']/ul[2]/li[1]/a").click()

其中“//*[@id='navbar']/ul[2]/li[1]/a”这句话表示什么意思呢，跟着我一步一步看，（1）//表示在文档的全部层级进行查找

（2）[@id='navbar']表示定位id='navbar'元素下

（3）ul[2]表示定位到第二个无序列表的样式ul下

（4）li[1]表示定位到第一个列表内行的样式li下

（5）a表示定位到超链接下

从（1）到（5）是逐级展开的

4. 通过link text定位元素实现跳转

实现代码：browser.find_element_by_link_text("Discover").click()

（1） by_link_text：文本链接方式

（2） click()：鼠标点击功能

5. 附上代码

browser.find_element_by_class_name("btn").click()#点击登录按钮 browser.find_element_by_xpath(".//*[@id='navbar']/ul[2]/li[1]/a").click() browser.find_element_by_link_text("Discover").click()

总结：通过Firepath工具可以帮助我们轻松定位元素，对于初学者是一个非常不错的工具，熟练之后再慢慢练习自己写，除此之外上面还介绍了文本链接的方法，希望对大家有帮助！！