Question

如何模拟点击网页上的一个javascript按钮

Answer 1

按钮为<input class="btn_wr s_btn_wr bg" type="submit" id="su" value="百度一下"></input>。
我的代码是如下的：

// JavaScript source code
var page = require('webpage').create();
var address = ' .baidu.com/';
var output = 'capture.jpeg';
page.open(address, function (status) {
if (status !== 'success') {
console.log('Unable to load address!');
} else
{
try
{
var url = page.url;
console.log('URL: ' + url);
page.evaluate(function () {
document.getElementById('kw').value = "translate";
document.getElementById('su').click();
});
url = page.url;
console.log('URL: ' + url);
window.setTimeout(function () {
page.render(output, { format: 'jpeg', quality: '100' });
phantom.exit();
}, 200);
} catch (err)
{
console.log(err);
}
}
});

注意我用橘黄色高亮的字体，我在点击按钮前后检测url是否发生变化，结果是在没有发生任何变化，这说明按钮没有被点击成功。（代码中粉色的部分是我获取按钮的方式）

Answer 2

直接用chrome插件web-terminal就能轻松搞定

使用方法：

1. 在任一网页连续按2次ctrl 打开web-terminal

2. 输入： js `$('#kw').val("test");$('#su').trigger('click')` -u http://www.baidu.com 

   此处会自动打开百度网站，然后自动输入test搜索关键字，然后触发搜索点击按钮