CasperJS 实现百度登录

一、百度登录页面

1. 百度登录页面截图

2. 登录页面结构分析

二、CasperJS模拟登录

1. code实现

var casper = require('casper').create();
casper.start('https://passport.baidu.com/v2/?login', function() {
this.fill('div[class="login-form"]', {
'userName': 'kandy_ye',
'password': '123456'
}, false);
});

casper.then(function() {
this.click('input[class="pass-button pass-button-submit"]');
this.echo('login...');
this.wait(1000,function() {
this.echo('Login Successfully.');
});
});

casper.run();

2. 运行结果

三、重要API介绍

1. fill

原 型：fill(form, vals, findType)

说 明：填充一个HTML的form。

参 数：

form：HTMLElement|String，一个form元素，或者是一个form元素的CSS3的选择器。

vals： 域值，相当于需要填充的键值对。

findType：元素的finder类型(css, names, xpath)。

实 例：

代码：

this.fill('div[class="login-form"]', {
'userName': 'kandy_ye',
'password': '123456'
}, false);

2. click

原 型：click(selector)

说 明：在DOM元素上出发点击动作。

参 数：

selector： 一个会被点击的CSS3的选择器。

实例：

代码：

this.click('input[class="pass-button pass-button-submit"]');