node selenium 基础使用方法

12/5/2021 javascript

# 参考文档

selenium 中文文档 (opens new window) selenium-webdriver 文档 (opens new window)

# 安装

  • 进入chromedriver下载地址 (opens new window),选择与本机浏览器版本号匹配的版本下载( 这里以谷歌浏览器为例,其他浏览器驱动看这里 (opens new window))

  • 下载完成后,解压并拖到node安装目录下

  • 在命令行输入验证一下,看到Starting ChromeDriver .... ChromeDriver was started successfully字样说明浏览器驱动已经安装成功了

chromedriver
1
  • 安装selenium-webdriver
// npm
npm install selenium-webdriver --save
// yarn
yarn add selenium-webdriver
1
2
3
4

# 牛刀小试

上个实战小demo感受一下:

打开浏览器->进入百度->搜索blog.cinob.cn->进入博客首页

const { Builder, By, Key, until } = require('selenium-webdriver')

;(async function example() {
  // 创建webdriver实例 打开谷歌浏览器
  let driver = await new Builder().forBrowser('chrome').build()
  // 打开百度
  await driver.get('https://www.baidu.com')
  // 通过id选择器定位搜索框
  const input = driver.findElement(By.id('kw'))
  // 输入网址并回车搜索
  await input.sendKeys('blog.cinob.cn', Key.ENTER)
  // 等待搜索结果
  await driver.wait(until.elementLocated(By.css('#content_left a:first-child')), 10000)
  // 通过css选择器定位第一个搜索结果
  const link = driver.findElement(By.css('#content_left a:first-child'))
  // 点击搜索结果
  await link.click()
})()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Last Updated: 2/16/2023, 10:05:20 AM