配置selenium 启动 Chromium

配置安装环境

引介Typescript环境

https://blog.youkuaiyun.com/qq_41906031/article/details/120498376

配置项目

1. 创建目录 ChromiumTest文件夹
2. 初始化Chromium文件加
   在Chromium文件夹下执行命令：tsc --init
3. 修改配置文件 tsconfig.json
   设置编译目录和输出目录，取消注释 rootDir 和 outDir

"rootDir": "./src",
"outDir": "./out",

4. 在项目文件根目录新建 src 和 out 文件夹
项目文件夹结构

安装selenium-webdriver 和 @types

1. 安装selenium-webdriver
   在selenium_demos目录下执行命令：npm install selenium-webdriver --save
2. 安装@types
   在selenium_demos目录下执行命令：npm install @types/selenium-webdriver --save-dev

下载运行程序

需要chromium和chromedriver版本一致

1. 下载 Chromium
   https://chromium.woolyss.com/
2. 下载 chromewebdriver
   http://chromedriver.storage.googleapis.com/index.html
   https://npm.taobao.org/mirrors/chromedriver/

创建运行文件

在/src目录下创建 run.ts文件

import { Options, ServiceBuilder, setDefaultService } from "selenium-webdriver/chrome";
import { Builder } from 'selenium-webdriver';

let chromePath: string = "./chrome/chrome.exe"                  // Chromium 中的 chrome可执行未见的存放路径
let chromeWebdriverPath:string = "./chrome/chromedriver.exe"    // chromedriver.exe文件按存放存进

setDefaultService(new ServiceBuilder(chromeWebdriverPath).build());     // 配置chromewebdriver路径

const driver = new Builder().forBrowser("chrome")
.setChromeOptions(new Options().setChromeBinaryPath(chromePath)).build()    // 创建driver实例并指定运行chrome的路径

driver.get("https://www.baidu.com");
driver.findElement({id:"kw"}).sendKeys("你好");
driver.findElement({id:"su"}).click();

driver.quit();

构建并执行

1. 项目文件
   在工作区使用快捷键 Ctrl+Shift+B
   2.运行run.js文件
   执行命令： node .\out\run.js
2. 运行效果