【Python】 Selenium常见元素定位方法和操作的学习介绍

以你之姓@ 2022-05-30 11:38 176阅读 0赞

这篇文章主要Selenium+Python自动测试或爬虫中的常见定位方法、鼠标操作、键盘操作介绍， 希望该篇基础性文章对你有所帮助，如果有错误或不足之处，请海涵~  
前文目录：  
[\[Python爬虫\] 在Windows下安装PhantomJS和CasperJS及入门介绍(上)][Python_ _Windows_PhantomJS_CasperJS]  
[\[Python爬虫\] 在Windows下安装PIP+Phantomjs+Selenium][Python_ _Windows_PIP_Phantomjs_Selenium]  
[\[Python爬虫\] Selenium自动访问Firefox和Chrome并实现搜索截图][Python_ Selenium_Firefox_Chrome]  
[\[Python爬虫\] Selenium实现自动登录163邮箱和Locating Elements介绍][Python_ Selenium_163_Locating Elements]  
 [\[Python爬虫\] Selenium+Phantomjs动态获取CSDN下载资源信息和评论][Python_ Selenium_Phantomjs_CSDN]

## 一. 定位元素方法 ##

##    官网地址：[http://selenium-python.readthedocs.org/locating-elements.html][http_selenium-python.readthedocs.org_locating-elements.html]    这里有各种策略用于定位网页中的元素(locate elements)，你可以选择最适合的方案，Selenium提供了一下方法来定义一个页面中的元素： ##

*  find\_element\_by\_id
 *  find\_element\_by\_name
 *  find\_element\_by\_xpath
 *  find\_element\_by\_link\_text
 *  find\_element\_by\_partial\_link\_text
 *  find\_element\_by\_tag\_name
 *  find\_element\_by\_class\_name
 *  find\_element\_by\_css\_selector

下面是查找多个元素（这些方法将返回一个列表）：

*  find\_elements\_by\_name
 *  find\_elements\_by\_xpath
 *  find\_elements\_by\_link\_text
 *  find\_elements\_by\_partial\_link\_text
 *  find\_elements\_by\_tag\_name
 *  find\_elements\_by\_class\_name
 *  find\_elements\_by\_css\_selector

除了上面给出的公共方法，这里也有两个在页面对象定位器有用的私有方法。这两个私有方法是find\_element和find\_elements。  
常用方法是通过xpath相对路径进行定位，同时CSS也是比较好的方法。举例：

**\[html\]** [view plain][] [copy][view plain]

1.  <html>
2.  <body>
3.  <form id="loginForm">
4.  <input name="username" type="text" />
5.  <input name="password" type="password" />
6.  <input name="continue" type="submit" value="Login" />
7.  <input name="continue" type="button" value="Clear" />
8.  </form>
9.  </body>
10. <html>

定位username元素的方法如下：

**\[python\]** [view plain][] [copy][view plain]

1.  username = driver.find\_element\_by\_xpath("//form\[input/@name='username'\]")
2.  username = driver.find\_element\_by\_xpath("//form\[@id='loginForm'\]/input\[1\]")
3.  username = driver.find\_element\_by\_xpath("//input\[@name='username'\]")

\[1\] 第一个form元素通过一个input子元素，name属性和值为username实现  
\[2\] 通过id=loginForm值的form元素找到第一个input子元素  
\[3\] 属性名为name且值为username的第一个input元素

## 二. 操作元素方法 ##

在讲述完定位对象(locate elements)之后我们需要对该已定位对象进行操作，通常所有的操作与页面交互都将通过WebElement接口，常见的操作元素方法如下：

*  clear 清除元素的内容
 *  send\_keys 模拟按键输入
 *  click 点击元素
 *  submit 提交表单

举例自动访问FireFox浏览器自动登录163邮箱。

**\[python\]** [view plain][] [copy][view plain]

1.  from selenium import webdriver
2.  from selenium.webdriver.common.keys import Keys
3.  import time
4.  
5.  \# Login 163 email
6.  driver = webdriver.Firefox()
7.  driver.get("http://mail.163.com/")
8.  
9.  elem\_user = driver.find\_element\_by\_name("username")
10. elem\_user.clear
11. elem\_user.send\_keys("15201615157")
12. elem\_pwd = driver.find\_element\_by\_name("password")
13. elem\_pwd.clear
14. elem\_pwd.send\_keys("\*\*\*\*\*\*")
15. elem\_pwd.send\_keys(Keys.RETURN)
16. \#driver.find\_element\_by\_id("loginBtn").click()
17. \#driver.find\_element\_by\_id("loginBtn").submit()
18. time.sleep(5)
19. assert "baidu" in driver.title
20. driver.close()
21. driver.quit()

首先通过name定位用户名和密码，再调用方法clear()清除输入框默认内容，如“请输入密码”等提示，通过send\_keys("\*\*")输入正确的用户名和密码，最后通过click()点击登录按钮或send\_keys(Keys.RETURN)相当于回车登录，submit()提交表单。  
 PS：如果需要输入中文，防止编码错误使用send\_keys(u"中文用户名")。

![20150830204117581][]

## 三. WebElement接口获取值 ##

通过WebElement接口可以获取常用的值，这些值同样非常重要。

*  size 获取元素的尺寸
 *  text 获取元素的文本
 *  get\_attribute(name) 获取属性值
 *  location 获取元素坐标，先找到要获取的元素，再调用该方法
 *  page\_source 返回页面源码  
    
 *  driver.title 返回页面标题
 *  current\_url 获取当前页面的URL
 *  is\_displayed() 设置该元素是否可见
 *  is\_enabled() 判断元素是否被使用
 *  is\_selected() 判断元素是否被选中
 *  tag\_name 返回元素的tagName

举例代码如下：

**\[python\]** [view plain][] [copy][view plain]

1.  from selenium import webdriver
2.  from selenium.webdriver.common.keys import Keys
3.  import time
4.  
5.  driver = webdriver.PhantomJS(executable\_path="G:\\phantomjs-1.9.1-windows\\phantomjs.exe")
6.  driver.get("http://www.baidu.com/")
7.  
8.  size = driver.find\_element\_by\_name("wd").size
9.  print size
10. \#尺寸: \{'width': 500, 'height': 22\}
11. 
12. news = driver.find\_element\_by\_xpath("//div\[@id='u1'\]/a\[1\]").text
13. print news
14. \#文本: 新闻
15. 
16. href = driver.find\_element\_by\_xpath("//div\[@id='u1'\]/a\[2\]").get\_attribute('href')
17. name = driver.find\_element\_by\_xpath("//div\[@id='u1'\]/a\[2\]").get\_attribute('name')
18. print href,name
19. \#属性值: http://www.hao123.com/ tj\_trhao123
20. 
21. location = driver.find\_element\_by\_xpath("//div\[@id='u1'\]/a\[3\]").location
22. print location
23. \#坐标: \{'y': 19, 'x': 498\}
24. 
25. print driver.current\_url
26. \#当前链接: https://www.baidu.com/
27. print driver.title
28. \#标题: 百度一下， 你就知道
29. 
30. result = location = driver.find\_element\_by\_id("su").is\_displayed()
31. print result
32. \#是否可见: True

其中图片解释如下图所示。

![20150830212125212][]

## 四. 鼠标操作 ##

在现实的自动化测试中关于鼠标的操作不仅仅是click()单击操作，还有很多包含在ActionChains类中的操作。如下：

*  context\_click(elem) 右击鼠标点击元素elem，另存为等行为
 *  double\_click(elem) 双击鼠标点击元素elem，地图web可实现放大功能
 *  drag\_and\_drop(source,target) 拖动鼠标，源元素按下左键移动至目标元素释放
 *  move\_to\_element(elem) 鼠标移动到一个元素上
 *  click\_and\_hold(elem) 按下鼠标左键在一个元素上
 *  perform() 在通过调用该函数执行ActionChains中存储行为

举例如下图所示，获取通过鼠标右键另存为百度图片logo。代码：

**\[python\]** [view plain][] [copy][view plain]

1.  import time
2.  from selenium import webdriver
3.  from selenium.webdriver.common.keys import Keys
4.  from selenium.webdriver.common.action\_chains import ActionChains
5.  
6.  driver = webdriver.Firefox()
7.  driver.get("http://www.baidu.com")
8.  
9.  \#鼠标移动至图片上 右键保存图片
10. elem\_pic = driver.find\_element\_by\_xpath("//div\[@id='lg'\]/img")
11. print elem\_pic.get\_attribute("src")
12. action = ActionChains(driver).move\_to\_element(elem\_pic)
13. action.context\_click(elem\_pic)
14. 
15. \#重点:当右键鼠标点击键盘光标向下则移动至右键菜单第一个选项
16. action.send\_keys(Keys.ARROW\_DOWN)
17. time.sleep(3)
18. action.send\_keys('v') \#另存为
19. action.perform()
20. 
21. \#获取另存为对话框(失败)
22. alert.switch\_to\_alert()
23. alert.accept()

效果如下图所示，通过xpath定位到图片位置并右击鼠标，在弹出的菜单中选择“另存为图片”。但是如何点击“另存为对话框”的“保存”按钮是个难点，目前刚学习阶段，境界没到无法解决。原因：  
 WebDriver cannot directly interact with dialog windows this is because dialog windows are the domain of the operating system and not the webpage.

![20150901180745999][] ![20150901180812130][]

该部分推荐参考资料：  
[selenium 右键下载图片，结合sikuli - tobecrazy][selenium _sikuli - tobecrazy]  
[Selenium WebDriver 中鼠标和键盘事件分析及扩展][Selenium WebDriver]  
[Selenium Windows Save/Open Open Dialouge - StackOver][Selenium Windows Save_Open Open Dialouge - StackOver]  
书籍《selenium2 python自动化测试》 作者：虫师

## 五. 键盘操作 ##

参考：[http://selenium-python.readthedocs.org/api.html][http_selenium-python.readthedocs.org_api.html]  
前面讲述了鼠标操作，现在讲述键盘操作。在webdriver的Keys类中提供了键盘所有的按键操作，当然也包括一些常见的组合键操作如Ctrl+A(全选)、Ctrl+C(复制)、Ctrl+V(粘贴)。更多键参考官方文档对应的编码。

*  send\_keys(Keys.ENTER) 按下回车键
 *  send\_keys(Keys.TAB) 按下Tab制表键
 *  send\_keys(Keys.SPACE) 按下空格键space
 *  send\_keys(Kyes.ESCAPE) 按下回退键Esc
 *  send\_keys(Keys.BACK\_SPACE) 按下删除键BackSpace
 *  send\_keys(Keys.SHIFT) 按下shift键
 *  send\_keys(Keys.CONTROL) 按下Ctrl键
 *  send\_keys(Keys.ARROW\_DOWN) 按下鼠标光标向下按键
 *  send\_keys(Keys.CONTROL,'a') 组合键全选Ctrl+A
 *  send\_keys(Keys.CONTROL,'c') 组合键复制Ctrl+C
 *  send\_keys(Keys.CONTROL,'x') 组合键剪切Ctrl+X
 *  send\_keys(Keys.CONTROL,'v') 组合键粘贴Ctrl+V

这里使用的例子参考虫师的书籍《selenium2 python自动化测试》，推荐该书给大家。代码还是非常有意思的，大家自己去感受下吧~

**\[python\]** [view plain][] [copy][view plain]

1.  \#coding=utf-8
2.  import time
3.  from selenium import webdriver
4.  from selenium.webdriver.common.keys import Keys
5.  
6.  driver = webdriver.Firefox()
7.  driver.get("http://www.baidu.com")
8.  
9.  \#输入框输入内容
10. elem = driver.find\_element\_by\_id("kw")
11. elem.send\_keys("Eastmount CSDN")
12. time.sleep(3)
13. 
14. \#删除一个字符CSDN 回退键
15. elem.send\_keys(Keys.BACK\_SPACE)
16. elem.send\_keys(Keys.BACK\_SPACE)
17. elem.send\_keys(Keys.BACK\_SPACE)
18. elem.send\_keys(Keys.BACK\_SPACE)
19. time.sleep(3)
20. 
21. \#输入空格+"博客"
22. elem.send\_keys(Keys.SPACE)
23. elem.send\_keys(u"博客")
24. time.sleep(3)
25. 
26. \#ctrl+a 全选输入框内容
27. elem.send\_keys(Keys.CONTROL,'a')
28. time.sleep(3)
29. 
30. \#ctrl+x 剪切输入框内容
31. elem.send\_keys(Keys.CONTROL,'x')
32. time.sleep(3)
33. 
34. \#输入框重新输入搜索
35. elem.send\_keys(Keys.CONTROL,'v')
36. time.sleep(3)
37. 
38. \#通过回车键替代点击操作
39. driver.find\_element\_by\_id("su").send\_keys(Keys.ENTER)
40. time.sleep(3)
41. 
42. driver.quit()

最后希望文章对你有所帮助吧，如果有错误或不足之处，还请海涵~同时接下来学习下Linux和下面作者的文章。  
[http://www.dotblogs.com.tw/larrynung/archive/2012/09/26/75065.aspx][http_www.dotblogs.com.tw_larrynung_archive_2012_09_26_75065.aspx]  
 （By:Eastmount 2016-7-10 下午1点 [http://blog.csdn.net/eastmount/][http_blog.csdn.net_eastmount]）

[Python_ _Windows_PhantomJS_CasperJS]: http://blog.csdn.net/eastmount/article/details/47023199
[Python_ _Windows_PIP_Phantomjs_Selenium]: http://blog.csdn.net/eastmount/article/details/47785123
[Python_ Selenium_Firefox_Chrome]: http://blog.csdn.net/eastmount/article/details/47799865
[Python_ Selenium_163_Locating Elements]: http://blog.csdn.net/eastmount/article/details/47825633
[Python_ Selenium_Phantomjs_CSDN]: http://blog.csdn.net/eastmount/article/details/47907341
[http_selenium-python.readthedocs.org_locating-elements.html]: http://selenium-python.readthedocs.org/locating-elements.html
[view plain]: http://blog.csdn.net/Eastmount/article/details/48108259#
[20150830204117581]: /images/20220530/2a743b1e26284e019eb9ad2b86acfdb3.png
[20150830212125212]: /images/20220530/b7a8d899b8354a998d49b10519950048.png
[20150901180745999]: https://img-blog.csdn.net/20150901180745999
[20150901180812130]: /images/20220530/a73601575b354268be69385129371499.png
[selenium _sikuli - tobecrazy]: http://www.cnblogs.com/tobecrazy/p/4523314.html
[Selenium WebDriver]: http://www.ibm.com/developerworks/cn/java/j-lo-keyboard/
[Selenium Windows Save_Open Open Dialouge - StackOver]: http://stackoverflow.com/questions/15576430/selenium-windows-save-open-open-dialouge
[http_selenium-python.readthedocs.org_api.html]: http://selenium-python.readthedocs.org/api.html
[http_www.dotblogs.com.tw_larrynung_archive_2012_09_26_75065.aspx]: http://www.dotblogs.com.tw/larrynung/archive/2012/09/26/75065.aspx
[http_blog.csdn.net_eastmount]: http://blog.csdn.net/eastmount/