谷歌浏览器实现按下按键的脚本_杂记（2）JS脚本自动点击页面按钮

一、背景说明

我一直觉得写程序、写算法、会编程这些我们程序员赖以生存的技能，应该更多的为我们自己服务，而不仅仅成为我们被企业压榨的工具。简而言之，我们的编程技能不要仅仅为了找工作、面试、干领导布置下来的任务，而应该让这种技能更多的为我们自己服务。

下面我要分享一个我自己的经历，代码很短，但确实是为我自己提供了便利。

我们公司所在的园区提供一站式班车服务，每天我们通过微信公众号的抢票页面，在规定的时间内抢票，然后持电子票乘车上下班。这个票刚开始还比较好抢，随着园区人越来越多，票也越来越难抢，一个不留神儿，票就被抢完了，而比较糟糕的是中午抢票时间是12:30，正是我要午休的时间，没办法，我只能牺牲自己午休的时间，生怕抢不到票。

于是，我琢磨能不能写一个自动抢票的脚本。。。。。。

二、JS脚本

1、在电脑谷歌浏览器中打开抢票页面

我要抢的是3号车的第一班，思路就是获取这个“抢票”按钮，并自动点击。

2、JS脚本如下：var buttons = document.getElementsByTagName("button");

//每秒执行一次，若页面按钮全部展现出来，即可获取第5个按钮，并点击

setInterval(function() {

if(buttons.length == 10){

var button = buttons[4];

button.click();

}

},1000);

通过document.getElementsByTagName("button")获取页面上所有button(非抢票时间，没有“抢票”按钮)，到了抢票时间，所有按钮出现，页面一共可以获取10个button按钮，第5个按钮，是我需要点击的按钮，因此获取第5个按钮，并点击。

3、脚本如何使用

F12打开谷歌浏览器的开发者模式，选择console标签页，并将脚本粘贴进去，点击回车按钮。

博主写文章时，该班次的车票已经抢完了，因此弹窗显示“本班次的车票已经抢完了”