相关文章推荐
另类的毛衣  ·  vue.js - HTML 转 PDF ...·  1 年前    · 
骑白马的金针菇  ·  Stream ...·  1 年前    · 
温暖的机器人  ·  springboot + ...·  1 年前    · 

这样教都不会?还得我亲自出马!

如果想操作一个网页上面的一个元素,无论点击、输入、拖拽等等任何操作,第一步就是定义元素。因为每个元素对象又包含很多个属性,所以我们就能通过这些属性一项或几项轻松的找到它。

[[409680]]

本文转载自微信公众号「Python技术」,作者派森酱。转载本文请联系Python技术公众号。

上次说到了还有别的方法能找到搜索框吗?答案是当然有了。而且为了满足大部分场景,有很多方法可以定位元素。今天就来继续跟大家一起学习下 Python 如何使用 Selenium 进行自动化操控浏览器。

如果想操作一个网页上面的一个元素,无论点击、输入、拖拽等等任何操作,第一步就是定义元素。因为每个元素对象又包含很多个属性,所以我们就能通过这些属性一项或几项轻松的找到它。

以下是几种常用的定位元素的方法:

  • find_element_by_id():通过元素的 id 属性来定位,这是最常见的定位方式,一般网页包含的所有元素中,id 属性是唯一的,定位速度快而且准确,首选推荐。
  • find_element_by_name():通过元素的 name 属性来定位,这是次要推荐方式,有些元素没有 id ,但基本都有 name,但可能存在重名。
  • find_element_by_class_name():通过元素的 class 属性来定位,一般 HTML 中元素都会有 class 用来做样式描述。
  • find_element_by_link_text():这个是通过 对应的链接文本对象来定位的,仅用于文本有超链接的时候。
  • find_element_by_partial_link_text():同 find_element_by_link_text() 相似,但可以只是超链接文本的一部分。
  • find_element_by_tag_name():可以通过元素的 tag name 来定位,但这个很容易会重复,同时返回多个元素。
  • find_element_by_css_selector():这个是通过 css 来定位的。CSS 是一种样式表语言,用来渲染元素样式的,是网页元素的重要组成部分。
  • find_element_by_xpath():这是一种可以通过 HTML 结构进行定位,可以通过根节点开始一层层定位,找到最终的元素。但这种方式在文档结构产生变化的时候可能会失效,所以不太推荐。
  • 这么多的定位方法,基本上就能满足大部分场景的需求了。还有一些其他的方法这里就不再说了。

    下面我把这些定位的例子列出来,大家就能知道该如何使用:

    1. // 导入 webdriver 
    2. from selenium import webdriver 
    3.  
    4. // executable_path 用于指定driver存放路径 
    5. browser = webdriver.Chrome(executable_path='/Users/xx/python/chromedriver'
    6. // 打开百度页面 
    7. browser.get('https://wwww.baidu.com/'
    8. // 在搜索框内输入 `python selenium` 并点搜索返回结果 
    9. browser.find_element_by_id("kw").send_keys("python selenium"
    10. // name 属性定位 
    11. browser.find_element_by_name("wd").send_keys("python selenium"
    12. // class name 属性定位 
    13. browser.find_element_by_class_name("s_ipt").send_keys("python selenium"
    14. // 链接 text 属性定位 
    15. browser.find_element_by_link_text("关于百度").click() 
    16. // tag name 属性定位 
    17. browser.find_element_by_tag_name("input").send_keys("python selenium"
    18. // CSS 方式定位 
    19. browser.find_element_by_css_selector("#kw").send_keys("python selenium"
    20. // xpath 方式定位 
    21. browser.find_element_by_xpath("//input[@id='kw']").send_keys("python selenium"
    22. // 点击 百度一下 按钮 
    23. browser.find_element_by_id("su").click() 

    元素是定位到了,接下来就是看要如何操作元素对象了

    上面我们说了元素是怎么定位找到的,那定位找到元素以后,我们又能对它进行什么操作呢,下面我就来一个个说下:

  • send_keys():这是最常用的,就是对元素模拟按键操作,输入你参数中传入的字符串,主要用来操作文本输入框时使用。
  • click():这个方法也是比较常用的,就是对元素对象进行鼠标单击操作,主要用来操作按钮或超链接文本时使用。
  • submit():如果是操作表单,则可以调用这个方法进行表单内容提交。
  • clear():如果对象有可以清除的内容,比如文本输入框,则清除已输入的内容。
  • text():这个方法主要用来获取元素的文本内容。
  • 好了,上面介绍那么多,现在我们来看一个实际的例子:

    让浏览器自动输入 https://www.jd.com/,打开京东官网,然后搜索 ps5国行,并把搜索出来商品的名称和金额打印出来。

    例子不复杂,我们直接来看代码:

    1. # 导入库 
    2. from selenium import webdriver 
    3. import time 
    4.  
    5. # executable_path 用于指定driver存放路径 
    6. browser = webdriver.Chrome(executable_path='/Users/xx/python/chromedriver'
    7. # 打开京东官网 
    8. browser.get('https://www.jd.com/'
    9.  
    10. # browser.find_element_by_id("kw").send_keys("python selenium"
    11.  
    12. # 获取输入框对象 
    13. search = browser.find_element_by_xpath('//*[@id="key"]'
    14.  
    15. # 输入想要搜索的关键词,如"ps5国行" 
    16. search.send_keys('ps5国行'
    17.  
    18. # 获取搜索按钮对象并单击 
    19. browser.find_element_by_xpath('//*[@id="search"]/div/div[2]/button').click() 
    20.  
    21. # 将滚动条移动到页面底部,用于加载所有信息 
    22. javascript = "var q=document.documentElement.scrollTop=50000" 
    23. # 执行 javascript 移动滚动条 
    24. browser.execute_script(javascript) 
    25. # 等待3秒,有些异步加载的数据加载慢 
    26. time.sleep(3) 
    27.  
    28. # 通过查看页面源码得到金额的 xpath 路径,并获取金额  
    29. prices = browser.find_elements_by_xpath('//*[@id="J_goodsList"]/ul/li/div/div[2]/strong/i'
    30. # 通过查看页面源码得到商品标题的 xpath 路径,并获取商品标题 
    31. names = browser.find_elements_by_xpath('//*[@id="J_goodsList"]/ul/li/div/div[3]/a/em'
    32.  
    33. # 遍历打印出当前页所有标题和金额 
    34. for name,price in zip(names,prices): 
    35.     print(name.text.replace('\n',''),price.text) 
    36.  
    37. #退出浏览器 
    38. browser.quit() 

    代码中我已经对每一行做了注释,让大家能看明白每一行都是做什么的。接下来我们直接运行代码 python test.py,可以看到浏览器自动启动后,执行相关操作,然后退出,下面是执行中的截图:

    执行完成后,我们可以看到控制台已经打印出来相应信息:

    好了,今天我们又介绍了下 selenium 定位元素的多种方法,以及我们找到元素后,可以对它进行什么操作。并写了一个自动化操作的简单例子,给大家学习参考,后续还会为大家介绍更多。