文|桃子
文|桃子
接着之前的例子，使用的网站地址：
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工具可以帮助我们轻松定位元素，对于初学者是一个非常不错的工具，熟练之后再慢慢练习自己写，除此之外上面还介绍了文本链接的方法，希望对大家有帮助！！
网友评论