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

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

https://blog.csdn.net/eastmount/article/details/48108259

 

个人分类： Python爬虫
所属专栏： Python爬虫之Selenium+Phantomjs+CasperJS
 
版权声明：本文为博主原创文章，转载请注明CSDN博客源地址！共同学习，一起进步~ https://blog.csdn.net/Eastmount/article/details/48108259
        这篇文章主要Selenium+Python自动测试或爬虫中的常见定位方法、鼠标操作、键盘操作介绍，希望该篇基础性文章对你有所帮助，如果有错误或不足之处，请海涵~
        前文目录：
        [Python爬虫] 在Windows下安装PhantomJS和CasperJS及入门介绍(上)
        [Python爬虫] 在Windows下安装PIP+Phantomjs+Selenium
        [Python爬虫] Selenium自动访问Firefox和Chrome并实现搜索截图
        [Python爬虫] Selenium实现自动登录163邮箱和Locating Elements介绍
        [Python爬虫] Selenium+Phantomjs动态获取CSDN下载资源信息和评论

一. 定位元素方法


        官网地址：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也是比较好的方法。举例：

  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元素的方法如下：
  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邮箱。

 

  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"中文用户名")。
 

三. WebElement接口获取值

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

  • size 获取元素的尺寸
  • text 获取元素的文本
  • get_attribute(name) 获取属性值
  • location 获取元素坐标，先找到要获取的元素，再调用该方法
  • page_source 返回页面源码
  • driver.title 返回页面标题
  • current_url 获取当前页面的URL
  • is_displayed() 设置该元素是否可见
  • is_enabled() 判断元素是否被使用
  • is_selected() 判断元素是否被选中
  • tag_name 返回元素的tagName

        举例代码如下：

 

  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
        其中图片解释如下图所示。

 



 

四. 鼠标操作

        在现实的自动化测试中关于鼠标的操作不仅仅是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。代码：
  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.

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

 

五. 键盘操作

        参考：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自动化测试》，推荐该书给大家。代码还是非常有意思的，大家自己去感受下吧~

  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
      （By:Eastmount 2016-7-10 下午1点   http://blog.csdn.net/eastmount/）

posted @ 2018-11-23 14:52  汉学  阅读(161)  评论(0)  编辑  收藏  举报