如何使用CasperJS不形標記

Question

我是新來CasperJS填補形式，我有在登錄到這個網站http://weibo.com/login.php

這裏的問題是我已經試過

this.fill('form#contact-form', { 
    'username': 'test@test.com', 
    'password': 'anypassword', 

}, true); 

我因爲它沒有形式，所以不能使用它。

所以我嘗試了使用sendKeys的不同方法。

this.sendKeys('.W_input ', 'tinkerbell@gmail.com'); 

現在我在這裏的問題是，輸入文本中沒有ID，只有CLASS和用戶名和密碼都有相同的CLASS。我怎麼能只使用該類輸入到該文本框？或者有可能使用XPath的sendkey？

Answer 1

卡斯帕支持CSS3選擇器（tuts+ has a decent rundown of the top 30 you should memorize），所以你可以這樣做：

this.sendKeys('input[name=username]', 'tinkerbell@gmail.com');

Answer 2

我用querySelector函數成功設置用戶名和密碼：

var casper = require("casper").create(); 
casper.start('http://www.weibo.com', function() { 
    this.evaluate(function(username, password) { 
     document.querySelector('input[node-type="username"]').value = username; 
     document.querySelector('input[node-type="password"]').value = password; 
     document.querySelector('.W_btn_g:eq(1)').click(); 
    }, 'your_username', 'your_password'); 

}); 

casper.then(function() { 
    this.wait(50000, function() { 
     this.echo("50s"); 
    }); 

}); 

casper.then(function() { 
    this.capture('weibo.png'); 
}); 

casper.run(); 

Answer 3

這是簡單的卡斯帕爾js腳本填寫登錄表格 假設它已經提到了每個字段的ID

casper.evaluate（函數（用戶名，密碼）{ document.querySelector（'input＃user_email'）。value = username;

 document.querySelector('input#user_password').value = password; 
     document.querySelector('input#login-button').click(); 
    }, 'email@email.com', 'password');