使用油猴插件自动登录网页

2023-05-16 06:18| 来源: 网络整理| 查看: 265

场景：公司的后台，每次登录都要自己输入用户名，密码，验证码，点击登录，很烦，盘它。用户名，密码，点击登录很容易用脚本实现麻烦的是验证码怎么弄，它是个变化的东西如果验证码每次都是从后台生成的，就有点难弄了，嘻嘻，它这个验证码是前端生成的，这个就好弄了呀！！！ f12打开控制台，输入网址查看登录的id

发现是J_SubmitStatic 为啥要搜它id呢写过前端的都知道网页要监听你的点击动作去处理登录信息怎么监听呢，一般是通过id去定位全局搜索一下J_SubmitStatic

可以看到，这段js里面有对它处理点击进去,可以看到它处理的代码

里面的操作主要是处理表单的内容并上传数据到后台处理重点关注

else if(identify!=canvasRandom){ show_err_msg('验证码输入有误'); clickChange(); }

只要identify == canvasRandom，我们的验证码就可以通过了。这两个值是啥呢？在前一点的代码可以看到它的生成方式

var canvasRandom=$('#canvasRandom').val().toLowerCase(); var identify=$("#identify").val().toLowerCase();

可以猜的出， canvasRandom是我们在用户界面验证码输入框填写的值，identify则是它调用方法生成的值，identify的具体生成过程我们不用去管它，因为它无论生成什么我们都可以去修改成我们想要的值（手动滑稽）。

这里分析就结束了主要就是修改它的canvasRandom和identify。我们使用油猴(tampermonkey)插件来实现新建用户脚本

// ==UserScript== // @name 脚本名字 // @namespace 命名空间 // @version 0.1 // @description 描述 // @include 作用的网站 // @author 作者的名字 // @grant none // @run-at document-end // ==/UserScript== (function() { 'use strict'; function setYanzhenma(){ document.getElementById("username").value = "用户名"; document.getElementById("password").value = "密码"; document.getElementById("canvasRandom").value = "8888"; document.getElementById("identify").value = "8888"; document.getElementById("J_SubmitStatic").click(); } setYanzhenma(); })();

实现的功能就是，在网站加载完成后，自动输入用户名，密码，过验证码，点击登录。这里要注意的点

// @run-at document-end 这个是脚本的注入时机，即在网站加载完成后加载脚本

看一下效果

所以，千万别前端生成验证码呀！！！

【本文地址】

公司简介

联系我们