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"]');