Node + Selenium使用小结

时间:2021-08-30 14:50:32

可参考网上的步骤进行操作。例如这篇文章:https://wangheng3751.github.io/2018/01/17/selenium/

1、安装Node.js,去官网下载最新版本的Node.js安装

2、安装selenium

npm install selenium-webdriver --save

3、安装浏览器驱动,以 chrome 为例

npm install chromedriver --save

然后写 demo 测试…

中间我遇到了二个问题

1)“The ChromeDriver could not be found on the current PATH”

需要将 ChromeDriver 添加到系统的环境变量 Path 中

例如我本机的路径 “C:\Users\xxx\AppData\Roaming\npm\node_modules\chromedriver\lib\chromedriver”

Node + Selenium使用小结

2)浏览器打开时,地址栏显示 data; 而不是预期的指定的 url

解决方案,可取先升级自己的浏览器。

Node + Selenium使用小结

或者更换版本,下载最新(下载链接>>)找到版本,将其替换本地路径,更新为最新的 exe 文件

“C:\Users\xxx\AppData\Roaming\npm\node_modules\chromedriver\lib\chromedriver”

一个版本一个版本更换

Node + Selenium使用小结

Node + Selenium使用小结

Node + Selenium使用小结

最后运行 demo,比如 node index.js

// inde.js

var webdriver = require('selenium-webdriver');

var driver = new webdriver.Builder()
.forBrowser('chrome')
.build(); // var driver = new webdriver.Builder().
// withCapabilities(webdriver.Capabilities.chrome()).
// build(); // driver.get('http://www.baidu.com');
// driver.findElement(webdriver.By.id('kw')).sendKeys('webdriver', webdriver.Key.RETURN); // https://seleniumhq.github.io/selenium/docs/api/javascript/module/selenium-webdriver/index_exports_By.html
driver.get('https://bugly.qq.com/v2/workbench/apps');
// driver.findElement({ className: 'login_btn' }).findElement({ tagName: 'a' }).click(); driver.wait(webdriver.until.titleIs("QQ帐号安全登录")).then(() => { driver.sleep(5 * 1000).then(() => {
var frameElement = webdriver.By.id('ptlogin_iframe'); driver.switchTo().frame(driver.findElement(frameElement)).then(() => {
driver.findElement({ id: 'qlogin_show' }).findElement({ tagName: 'a' }).click();
});
}); });

能实现自动登录 bugly,因为 bugly 做了很多限制,直接调用它的接口是不行的,所以相当于用程序开启一个浏览器进程,然后用程序控制它。

Node + Selenium使用小结

这个跑 web 的自动化测试还是很方便的,比如上面示例中,打开百度,输入关键字,然后回车。

爬虫的话,可能有一些站点做了很多严格的限制,比如 referer 或者 加过密,此时用 Selenium 来自动化填写表单,然后获取数据并存到数据库,还是挺方便的。

更多官网的API可以前往这里查看,https://seleniumhq.github.io/selenium/docs/api/javascript/index.html