JQuery模拟点击事件来完成自动签到功能

最新推荐文章于 2021-09-03 18:06:48 发布
ljh_learn_from_base
最新推荐文章于 2021-09-03 18:06:48 发布
阅读量3.7k
点赞数 1
分类专栏： jquery html 文章标签： http协议 jquery 模拟点击登录事件
jquery 同时被 2 个专栏收录
6 篇文章 0 订阅
订阅专栏
html
6 篇文章 0 订阅
订阅专栏
$("selector").trigger()

很多网站和app都使用签到的方式来增加用户的黏度和活跃度，每次给一点小奖励。这的确是个有效的方式。于是就想，能不能做一个自动签到的工具，直接放服务器上，定时执行，这样就不用自己每天去打开网站进行签到了。

理论

浏览器与web服务器的交互，本质上都是通过http协议来实现。理论上用户在浏览器上的所有行为，都可以通过构造http数据包来模拟。由于http是无状态的协议，所以服务器要通过cookie来识别不同的用户。通常用户首次访问网站时，服务器会通过http头SetCookie下发cookie，而浏览器每次向这个域名发起请求时，会带上这个cookie（在未过期的时间内）。服务器通常用根据cookie，找到对应的session，然后定位用户。一些权限控制基本也是按这种方式（还有就是http头带上相应的鉴权字段）。

思路

抓包。
分析包。
重放签到数据包进行验证。
听起来像 ”把大象放到冰箱的三步“。实际的确不会这么简单。

准备

还要思考的问题

怎么进行抓包和重放？
如果进行了签到了，一天只有一次签到。那么重放数据包，怎么知道，这个重放数据有没有效果。如果要等到第二天再验证的话，时间过长。自己代码写错了等别的错误，会不会要多次验证？
抓到的数据包，进行重放的时候，会不会有一些参数？这些参数是否会变化？如果变化，要怎么得到这个变化的值？
自己登录的cookie怎么拿到，如果发生了变化，怎么传到重放的代码中。
长时间在服务器上实时执行，出错了，成功了怎么友好的通到自己，怎么样好维护。
这样一个小功能，怎么会有这么多问题？其实大部分程序员在为样类似的事时，问题是想到了，同进马上解决方案也有了，所以可能没有意识到这也会是一个问题。

问题的解决方案

有过抓包经验的人，才会想到用这个思路解决问题。其实不是一个问题。常用的抓包工具有Fidder，burpsuite，wireshark 。Fidder 容易上手，burpsuite功能强大，但操作复杂。wireshark 比较底层，都可以看到http的分几次的tcp的数据包，也可以看到tcp的握手过程。对于模拟http请求，java的可以用httpclient4,python可以用requests，如果处理的数据不多，用shell 调curl都可以。
这个要分不同的情况来说，比如贴吧，可以对多个吧进行签到，可以验证多次，就改改参数。还有的论坛，一天只能签收一次，就要用burpsuite的断点功能，把这个请求断下来，不真发给服务器。等验证好程序自己的重放程序没别的问题之后。
简单的，就是一个url不变。如果有变化的值，就要去页面中去找，这个参数由什么计算而来，然后在程序中进行计算。这样在代码中又会多一道对源页面进行解析的过程。
这个目前没有想到好的解决方法，要么连登录也一起模拟了，但有时候这个比较难，会有验证码。目前的做法是，把cookie当配置文件提出来，如果cookie过期了，更新下配置文件。拿cookie就用浏览器的调试工具。
这是一个非功能性问题，如果是自己的玩具代码，简单的做一个日志，自己抓下日志，就知道过程。如果是做给别的用的，可以就要做一些额处的工作，配置文件说明，输入参数据的有效性检查，程序中的错误处理与记录，最后的运行结果通报。现在也有很多现成的方案，日志库中可能配置邮件提醒。
实践

等我实践完了，再把过程放上来。

总结

可能知道的越多，可以选择的就越多，可能实现起来就越简单。 
对小功能，也应该用工程性的思维去想。如何快速实现基本功能，后面再改进和迭代。







普通的签到程序我会写，比如贴吧自动签到，这个比较简单，我照着某大神的教程做出来了，用的httpclient，原理是用cookie登陆贴吧手机极简版，因为这个比电脑版页面简单得多，然后找到签到按钮，模拟点击，就成功了。
但是其实贴吧自动签到没什么卵用，一来贴吧签到主要是为了等级装逼而已没啥实际用途，二来我平时也上贴吧，顺便就签到了，不太需要自动签到。
但是百度文库就不一样了，它的那个签到是可以得下载券的，我平时经常需要在百度文库上下东西，可是它的那个签到机制又特别坑爹，连续7天才给一张，15天给3张，30天给7张，而且最恶心的是必须得连续签到，如果你连续签了6天，然后第7天忘了那就只能再从头签了，我平时又不登百度文库，所以经常忘签，因此我才想写一个程序能帮我自动签到。
前面已经说了，贴吧的自动签到我会，但是它那个方法直接用在百度文库上就不行了，只能在电脑网页上签到了，但是好像电脑版的js什么的又特别复杂，httpclient又处理不好，更重要的是，它的那个签到按不是button，更不是<a>，居然是一个<span>，所以想要模拟点击就更难了。
我也试过直接模拟http请求，但是就是不行，我这个郁闷啊，然后我听说python处理网络请求什么的很好用，于是我又花了半天多时间简单学了一下python，结果发现它好像只是用来写爬虫比较屌，但是要解析js的话也不行，然后我就想，现在不是有很多浏览器内核么，它们肯定能解析js啊，可是那东西太复杂，我一时半会也学不会。
最后我突然想到，既然要解析js，那肯定js自己最擅长啊，我在想能不能用js这一个脚本。我于是在chrome的javascript控制台，写了一句$(".g-btn-pass").trigger("click");
大致意思就是用JQuery选中那个<span>，然后在它上面模拟点击事件，还是js最了解自己啊，这样一写果然签到成功了，然后我想如果能把这句话添加到网页的源码里那岂不是一打开网页就自动签到了！然后我十分兴奋的把网页下载到本地，让后把那段代码添加进去，但是并不好使，因为本地的话不能带cookie过去，然后我就束手无策了
大神们看看有什么好的方法




<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8"> 

<title>视频</title> 

<script src="jquery-1.8.3.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

 // $("p").bind("myEvent", function (event, message1, message2) {

 // alert(message1 + ' ' + message2);

//});

//$("p").trigger("myEvent", ["Hello","World!"]); -->

$("p").click(function(){

    alert();

});

    $("p").trigger("click");//trigger 触发器，使用它能实现模拟点击事件

});

</script>

</head>

<body>

<video width="320" height="240" controls>

  <source src="movie.mp4" type="video/mp4">

  你的浏览器不支持 video 标签。

</video>

<p>dd</p>

</body>

</html>


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"> 
<title>trigger的使用</title> 
<script src="jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() { 
var $div = $("#mybutton"); //你的按钮。
 $div.click(function(e,text) {
     //alert(e.type); //e 代表的是event 对应手册里的Event对象
	
	var text = text || '你是猪啊，~让你点，你就点？';

	alert(text);

 });
 $div.trigger("click","您好，请点击按钮");//trigger()方法有两个参数，如果不写第二参数会触发相应的点击事件，如果写了第二个参数，相应的点击事件不会被触发
  //只有当你点击了事件才会被触发
 });
 
</script>
</head>
<body>


<p>dd</p>
<div id="mybutton">gg</div>
</body>
</html>
很多网站和app都使用签到的方式来增加用户的黏度和活跃度，每次给一点小奖励。这的确是个有效的方式。于是就想，能不能做一个自动签到的工具，直接放服务器上，定时执行，这样就不用自己每天去打开网站进行签到了。

理论

浏览器与web服务器的交互，本质上都是通过http协议来实现。理论上用户在浏览器上的所有行为，都可以通过构造http数据包来模拟。由于http是无状态的协议，所以服务器要通过cookie来识别不同的用户。通常用户首次访问网站时，服务器会通过http头SetCookie下发cookie，而浏览器每次向这个域名发起请求时，会带上这个cookie（在未过期的时间内）。服务器通常用根据cookie，找到对应的session，然后定位用户。一些权限控制基本也是按这种方式（还有就是http头带上相应的鉴权字段）。

思路

抓包。
分析包。
重放签到数据包进行验证。
听起来像 ”把大象放到冰箱的三步“。实际的确不会这么简单。

准备

还要思考的问题

怎么进行抓包和重放？
如果进行了签到了，一天只有一次签到。那么重放数据包，怎么知道，这个重放数据有没有效果。如果要等到第二天再验证的话，时间过长。自己代码写错了等别的错误，会不会要多次验证？
抓到的数据包，进行重放的时候，会不会有一些参数？这些参数是否会变化？如果变化，要怎么得到这个变化的值？
自己登录的cookie怎么拿到，如果发生了变化，怎么传到重放的代码中。
长时间在服务器上实时执行，出错了，成功了怎么友好的通到自己，怎么样好维护。
这样一个小功能，怎么会有这么多问题？其实大部分程序员在为样类似的事时，问题是想到了，同进马上解决方案也有了，所以可能没有意识到这也会是一个问题。

问题的解决方案

有过抓包经验的人，才会想到用这个思路解决问题。其实不是一个问题。常用的抓包工具有Fidder，burpsuite，wireshark 。Fidder 容易上手，burpsuite功能强大，但操作复杂。wireshark 比较底层，都可以看到http的分几次的tcp的数据包，也可以看到tcp的握手过程。对于模拟http请求，java的可以用httpclient4,python可以用requests，如果处理的数据不多，用shell 调curl都可以。
这个要分不同的情况来说，比如贴吧，可以对多个吧进行签到，可以验证多次，就改改参数。还有的论坛，一天只能签收一次，就要用burpsuite的断点功能，把这个请求断下来，不真发给服务器。等验证好程序自己的重放程序没别的问题之后。
简单的，就是一个url不变。如果有变化的值，就要去页面中去找，这个参数由什么计算而来，然后在程序中进行计算。这样在代码中又会多一道对源页面进行解析的过程。
这个目前没有想到好的解决方法，要么连登录也一起模拟了，但有时候这个比较难，会有验证码。目前的做法是，把cookie当配置文件提出来，如果cookie过期了，更新下配置文件。拿cookie就用浏览器的调试工具。
这是一个非功能性问题，如果是自己的玩具代码，简单的做一个日志，自己抓下日志，就知道过程。如果是做给别的用的，可以就要做一些额处的工作，配置文件说明，输入参数据的有效性检查，程序中的错误处理与记录，最后的运行结果通报。现在也有很多现成的方案，日志库中可能配置邮件提醒。
实践

等我实践完了，再把过程放上来。

总结

可能知道的越多，可以选择的就越多，可能实现起来就越简单。 
对小功能，也应该用工程性的思维去想。如何快速实现基本功能，后面再改进和迭代。







普通的签到程序我会写，比如贴吧自动签到，这个比较简单，我照着某大神的教程做出来了，用的httpclient，原理是用cookie登陆贴吧手机极简版，因为这个比电脑版页面简单得多，然后找到签到按钮，模拟点击，就成功了。
但是其实贴吧自动签到没什么卵用，一来贴吧签到主要是为了等级装逼而已没啥实际用途，二来我平时也上贴吧，顺便就签到了，不太需要自动签到。
但是百度文库就不一样了，它的那个签到是可以得下载券的，我平时经常需要在百度文库上下东西，可是它的那个签到机制又特别坑爹，连续7天才给一张，15天给3张，30天给7张，而且最恶心的是必须得连续签到，如果你连续签了6天，然后第7天忘了那就只能再从头签了，我平时又不登百度文库，所以经常忘签，因此我才想写一个程序能帮我自动签到。
前面已经说了，贴吧的自动签到我会，但是它那个方法直接用在百度文库上就不行了，只能在电脑网页上签到了，但是好像电脑版的js什么的又特别复杂，httpclient又处理不好，更重要的是，它的那个签到按不是button，更不是<a>，居然是一个<span>，所以想要模拟点击就更难了。
我也试过直接模拟http请求，但是就是不行，我这个郁闷啊，然后我听说python处理网络请求什么的很好用，于是我又花了半天多时间简单学了一下python，结果发现它好像只是用来写爬虫比较屌，但是要解析js的话也不行，然后我就想，现在不是有很多浏览器内核么，它们肯定能解析js啊，可是那东西太复杂，我一时半会也学不会。
最后我突然想到，既然要解析js，那肯定js自己最擅长啊，我在想能不能用js这一个脚本。我于是在chrome的javascript控制台，写了一句$(".g-btn-pass").trigger("click");
大致意思就是用JQuery选中那个<span>，然后在它上面模拟点击事件，还是js最了解自己啊，这样一写果然签到成功了，然后我想如果能把这句话添加到网页的源码里那岂不是一打开网页就自动签到了！然后我十分兴奋的把网页下载到本地，让后把那段代码添加进去，但是并不好使，因为本地的话不能带cookie过去，然后我就束手无策了
大神们看看有什么好的方法




<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8"> 

<title>视频</title> 

<script src="jquery-1.8.3.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

 // $("p").bind("myEvent", function (event, message1, message2) {

 // alert(message1 + ' ' + message2);

//});

//$("p").trigger("myEvent", ["Hello","World!"]); -->

$("p").click(function(){

    alert();

});

    $("p").trigger("click");//trigger 触发器，使用它能实现模拟点击事件

});

</script>

</head>

<body>

<video width="320" height="240" controls>

  <source src="movie.mp4" type="video/mp4">

  你的浏览器不支持 video 标签。

</video>

<p>dd</p>

</body>

</html>


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"> 
<title>trigger的使用</title> 
<script src="jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() { 
var $div = $("#mybutton"); //你的按钮。
 $div.click(function(e,text) {
     //alert(e.type); //e 代表的是event 对应手册里的Event对象
	
	var text = text || '你是猪啊，~让你点，你就点？';

	alert(text);

 });
 $div.trigger("click","您好，请点击按钮");//trigger()方法有两个参数，如果不写第二参数会触发相应的点击事件，如果写了第二个参数，相应的点击事件不会被触发
  //只有当你点击了事件才会被触发
 });
 
</script>
</head>
<body>


<p>dd</p>
<div id="mybutton">gg</div>
</body>
</html>
ljh_learn_from_base
关注
1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
JQuery模拟点击事件来完成自动签到功能

$("selector").trigger()很多网站和app都使用签到的方式来增加用户的黏度和活跃度，每次给一点小奖励。这的确是个有效的方式。于是就想，能不能做一个自动签到的工具，直接放服务器上，定时执行，这样就不用自己每天去打开网站进行签到了。理论浏览器与web服务器的交互，本质上都是通过http协议来实现。理论上用户在浏览器上的所有行为，都可以通过构造http数据包来模拟。由于h
复制链接

扫一扫