环境搭建步骤
-
安装selenium
pip install selenium -
安装浏览器
-
安装浏览器驱动
谷歌浏览器:chromdriver.exe
ie浏览器:ieserverdriver.exe
FireFox浏览器:geckodriver.exe
特别注意⚠️:下载驱动版本必须与浏览器版本一致下载地址
-
淘宝镜像:https://npmmirror.com/chromedriver
-
https://chromedriver.storage.googleapis.com/index.html
-
火狐driver:https://github.com/mozilla/geckodriver/releases
-
ie driver:https://seleniumrelease.storage.googleapis.com/index.html
chromedriver.exe文件放置在python安装路径(python.exe所在路径)
mac环境下搭建selenium参考:https://www.cnblogs.com/hq0202/p/16273590.html
chrome 131版本驱动下载地址:https://googlechromelabs.github.io/chrome-for-testing/#stable
浏览器常用操作
driver=webdriver.Chrome()
driver.get("http://www.baidu.com")
#浏览器最大化
driver.maximize_window()
#最小化
driver.minimize_window()
#指定窗口大小
driver.set_window_size(2000,800)
#浏览器前后退
driver.forward()
driver.back()
#浏览器标题及url,获取页面资源(断言)
print(driver.title,driver,current_url,driver.page_source)
#截图
driver.get_screenshot_as_file("保存图片路径")
#浏览器
driver.close()
driver.quit()
元素定位
driver.find_element_by_id()#通过id定位
driver.find_element_by_name()#通过name定位
driver.find_element_by_tag_name()#通过html标签定位,一般情况下不使用这个
driver.find_element_by_link_text()#通过链接文本定位,就是超链接的文本内容
driver.find_element_by_partial_link_text()#通过部分链接文本定位
driver.find_element_by_class_name()#通过类名定位
返回元素列表[]
driver.find_elements_by_partial_link_text()
driver.find_elements_by_id()#通过id定位
driver.find_elements_by_name()#通过name定位
driver.find_elements_by_class_name()#通过类名定位
driver.find_elements_by_tag_name()#通过html标签定位
xpath定位
绝对路径定位
使用浏览器右键复制绝对路径
绝对路径定位一般不要用,要考虑元素的稳定性
相对路径定位
//开头
- 标签+索引定位
//form/span[1]/input - 唯一定位标签+单个属性
//form[@id=‘form’]/span[1]/input[@id=‘kw’] - 唯一定位标签+多个属性
多个属性使用and
//form[@id=‘form’ and @name=‘f’]/span[1]/input - 标签+部分属性定位
//form/span[1]/input[substring(@class,3)=‘ipt’]
//form/span[1]/input[contains(@class,‘ipt’)]
//input[starts-with(@id,‘k’)] - 通过文本定位
//a[text()=‘新闻’]
实例
路径表达式 | 结果 |
---|---|
bookstore | 选取 bookstore 元素的所有子节点 |
/bookstore | 选取根元素 bookstore。 |
bookstore/book | 选取属于 bookstore 的子元素的所有 book 元素。 |
//book | 选取所有 book 子元素,而不管它们在文档中的位置。 |
bookstore//book | 选择属于 bookstore 元素的后代的所有 book 元素,而不管它们位于 bookstore 之下的什么位置。 |
//@lang | 选取名为 lang 的所有属性。 |
/bookstore/book[1] | 选取属于 bookstore 子元素的第一个 book 元素。 |
/bookstore/book[last()] | 选取属于 bookstore 子元素的最后一个 book 元素。 |
/bookstore/book[last()-1] | 选取属于 bookstore 子元素的倒数第二个 book 元素。 |
/bookstore/book[position()< 3] | 选取最前面的两个属于 bookstore 元素的子元素的 book 元素。 |
//title[@lang] | 选取所有拥有名为 lang 的属性的 title 元素 |
//title[@lang=‘eng’] | 选取所有 title 元素,且这些元素拥有值为 eng 的 lang 属性。 |
/bookstore/book[price>35.00] | 选取 bookstore 元素的所有 book 元素,且其中的 price 元素的值须大于 35.00。 |
/bookstore/book[price>35.00]/title | 选取 bookstore 元素中的 book 元素的所有 title 元素,且其中的 price 元素的值须大于 35.00。 |
chrome开发者工具定位元素:
在console中进行调试:
$x 可以通过xpath表达式进行定位
$$ 可以通过css选择器进行定位
调试常用操作:
修改元素的属性:$x(“xx”)[0].attr=“”
点击某个元素: $$(“xxx”)[0].click()
css定位
- 通过绝对路径定位,一般不用
driver.find_element_by_css_selector(“”) - 通过id定位
driver.find_element_by_css_selector(“#kw”) - 通过class定位
driver.find_element_by_css_selector(“.s_ipt”) - 通过属性定位
driver.find_element_by_css_selector(“[autocompplete=‘off’]”)
driver.find_element_by_css_selector(“[autocompplete=‘off’][class=‘s_ipt’]”) - 通过标签定位 标签名+属性/id/class定位
driver.find_element_by_css_selector(“input#kw”)
driver.find_element_by_css_selector(“input.s_ipt”)
driver.find_element_by_css_selector(“input[autocompplete=‘off’]”) - 通过层级定位 层级之间通过>或者空格隔开
driver.find_element_by_css_selector(“form>span>input”) - 通过兄弟节点定位
场景:同一个元素下面有多个相同的元素
第一个元素标签:first-child
第n个元素标签:nth-child(n)
最后元素标签:last-child
driver.find_element_by_css_selector(“div#s-top-left>a:first-child”)
1.定位元素名为tag的元素:tag 对应于xpath ://tag
2.属性限制表达式
- 拥有attr属性的任意元素 [attr] ----对应于xpath : //*[@attr]
- 拥有attr属性的tag元素。tag[attr] ---- 对应于xpath: //tag[@attr]
- attr=value [attr=value]---- 对应于xpath: //*[@attr=‘value’]
- css没有用元素内容进行定位的选择器 xpath://tag[text()=“元素内容”]
例子 | 描述 |
---|---|
.intro | 选择class=intro的所有元素 |
#firstname | 选择id=firstname的所有元素 |
* | 选择所有元素 |
p | 选择所有 元素 |
div,p | 选择所有
和
的所有元素 |
div p | 选择所有
元素内部的所有
元素 |
div>p | 选择父元素为
元素的所有
元素 |
div+p | 选择紧接在
元素之后的所有
元素 |
[target] | 选择带有target属性所有元素 |
[target=_blank] | 选择targer=“_blank"的所有元素 |
p:nth-child(2) | 选择属于其父元素的第二个子元素的每个 元素 |