技术标签: 自动化测试 自动化 API javascript
本着开源分享的精神,我把代码发到了b站上和博客上。
这个解决问题的想法并非我原创,网上有好多教程,比我早。而且这个一开始也是跟我自己的思路有点出入的。只能算是我对其的一个扩展。供大家学习使用。
打开chrome
浏览器(其他的也可以,chrome最好啦)。
打开开发者工具
,直接将代码复制到console
栏,按enter
键即可。如果还不会用,就点击上面的那个链接。
注意
- 后台运行。有的小伙伴不太会用,解释一下。代码复制到console栏之后,自己就可以做别的事去了,哪怕你把浏览器最小化都行。只要不关闭页面,代码就会一直运行。
- 怎么知道有没有签到成功?签到的话,会在console栏里面输出“xxx时间完成签到”、“xxx时间完成确定”字样。输出信息,那就是在你这里已经签上了,老师那边如果没数据,就是老师的事,要不就是网络的事。我前几天碰到过,三次签到都没记录,我跟老师说我全签了,然后他重新下载记录,就有了。下课之后可以看console。如果太多信息,覆盖了结果,可以参照我下图的设置。用完了再还原Default就行
开启一个3秒
送花的定时器:
let flower=setInterval(function (){
document.getElementsByClassName("toolbar-icon")[2].click();
console.log("送花");
},3000);
开启一个每隔10秒
检测一次是否有签到按钮的定时器,有的话就点击:
let btns;
let attend=setInterval(function (){
btns=document.getElementsByClassName("s-btn s-btn--primary s-btn--m");
if(btns.length>0){
console.log(new Date().toLocaleTimeString()+"--完成-->"+btns[0].innerText);
btns[0].click();
}
},10000);
如果不是刚需的话,这个版本,我不推荐用的。里面有很多bug。只是实现功能的话,很简单,代码也不多,但是如果要把代码完善起来,就要很多代码了,目前我还没那么多时间整这个。所以,将就着用吧,代码的话,还是最初实现的版本,我没深入去优化了。
也是有小伙伴要的功能,仔细一想,好像我也会用到。
环境:
具体安装过程:
具体的代码
// ==UserScript==
// @name txkt-automation
// @namespace http://meethigher.top/blog/2020/txkt-automation/
// @version 1.0
// @description 有小伙伴提到这个功能,正好我自己也会用到,就整了。用于腾讯课堂的自动签到
// @author Kit Chen
// @match https://ke.qq.com/webcourse/index.html
// @grant none
// @提示 如果使用过程中出现问题,清除一下cookie就行,不用清除浏览器的所有数据,清除cookie就行
// ==/UserScript==
(function() {
'use strict';
function autoAttend() {
let btns;
let attend = setInterval(function() {
btns = document.getElementsByClassName("s-btn s-btn--primary s-btn--m");
if (btns.length > 0) {
console.log(new Date().toLocaleTimeString() + "--完成-->" + btns[0].innerText);
btns[0].click();
}
}, 10000);
}
function showBtn() {
let $switch = document.createElement("span");
let $body = document.querySelector(".web");
let show = true;
$switch.innerText = "显示/隐藏";
$switch.style = "position:absolute;top:21px;right:520px;color:#AAAAAA;border-radius:10px;cursor:pointer;z-index:3000";
$switch.onclick = function() {
if (show) {
document.querySelector(".study-body.mr").style = "right:0;z-index:999";
show = false;
} else {
document.querySelector(".study-body.mr").style = "right:300px;z-index:0";
show = true;
}
}
$body.appendChild($switch);
}
function clearRefresh() {
window.localStorage.removeItem("refresh");
}
function autoRefresh() {
window.localStorage.setItem("refresh", "no");
let response = prompt("请输入上课时间的前2分钟,并点击确定按钮开始执行自动刷新!", "13:28");
if (response !== null) {
let arr = response.trim().split(":");
let date;
let timid = setInterval(function() {
date = new Date();
if (date.getHours() == parseInt(arr[0]) && date.getMinutes() == parseInt(arr[1])) {
window.location.reload();
}
}, 1000);
} else {
clearRefresh();
}
}
function isRefresh() {
let isRefresh = window.localStorage.getItem("refresh") || "yes";
console.log(isRefresh);
if (isRefresh == "yes") {
autoRefresh();
} else {
clearRefresh();
}
}
isRefresh();
autoAttend();
showBtn();
})();
每隔3秒
发送886
let say = setInterval(function() {
document.getElementsByClassName("ql-editor")[0].firstElementChild.innerText = "886";
}, 3000);
let say2 = setInterval(function() {
document.getElementsByClassName("text-editor-btn")[0].click();
}, 3000)
设置好下课的时间,比如我的线代下课时间是16:50
,自动发送886
。
这个执行了之后会自动关闭,如果在执行之前想关闭,请跳转到这里关闭下课提示
let targetHour = "16";
let targetMin = "50";
let date;
let inputed = false;
let timing = setInterval(function() {
date = new Date();
if (date.getHours() == parseInt(targetHour) && date.getMinutes() == parseInt(targetMin)) {
if (!inputed) {
document.getElementsByClassName("ql-editor")[0].firstElementChild.innerText = "886"
inputed = true;
} else {
document.getElementsByClassName("text-editor-btn")[0].click();
window.clearInterval(timing);
console.log("下课咯!");
}
}
}, 1000);
有小伙伴要这个功能,然后就加了一下
let $switch = document.createElement("span");
let $body = document.querySelector(".web");
let show = true;
$switch.innerText = "显示/隐藏";
$switch.style = "position:absolute;top:21px;right:520px;color:#AAAAAA;border-radius:10px;cursor:pointer;z-index:3000";
$switch.onclick = function() {
if (show) {
document.querySelector(".study-body.mr").style = "right:0;z-index:999";
show = false;
} else {
document.querySelector(".study-body.mr").style = "right:300px;z-index:0";
show = true;
}
}
$body.appendChild($switch);
效果如图:
if(flower){
window.clearInterval(flower);
console.log("已关闭送花");
}
if(attend){
window.clearInterval(attend);
console.log("已关闭签到");
}
if(say){
window.clearInterval(say);
window.clearInterval(say2);
console.log("已关闭刷屏");
}
if(timing){
window.clearInterval(timing);
console.log("提前关闭下课提示");
}
一开始刚测试送花的时候,我开的是1秒送一个,估计是太活跃了,直接让马原老师,叫起来提问问题了。
我一脸懵逼啊,还好有大佬江湖救急。
刚才在做英语练习题的时候,做完了,想对一下答案,就百度了搜了一下,进去一个文库。
下载文档要12块钱,我就看了一下,上面预览的都是图片,所以就想着,js批量把图片下载下来,然后合成pdf,就正常看了,关键是没花钱啊,要不用浪费多长时间。
具体的使用我放到youtube的文库免费下载小技巧,本来想往b站传的,但是被驳回锁定了。下面放上代码吧。
淘豆网就是直接把图片放出来了,咱们直接下手就行。
function download(url, fileName) {
let xhr = new XMLHttpRequest();
xhr.open('GET', url, true);//true表示异步
xhr.responseType = 'blob';
xhr.onload = () => {
if (xhr.status === 200) {
downloadByA(xhr.response,fileName);
}
};
xhr.send();
}
function downloadByA(data,fileName){
let urlObject = window.URL || window.webkitURL || window;
let export_blob=new Blob([data]);
let a=document.createElement("a");
a.href=urlObject.createObjectURL(export_blob);
a.download=fileName;
a.click();
}
//下面这块代码需要按自己需求,进行稍微地修改,上面两块代码可以不用动
document.querySelectorAll(".pageBox img").forEach(function(ele, i) {
download(ele.src,i+".jpg");
});
然后将下载出的图片合成pdf,就ok了
点击进入淘豆网示例网址
道客巴巴就有点小心眼了,他把所有的预览图片,都转成了canvas形式的,那也没事,咱们同样用代码给他转回来。
function download(url, fileName) {
let xhr = new XMLHttpRequest();
xhr.open('GET', url, true);//true表示异步
xhr.responseType = 'blob';
xhr.onload = () => {
if (xhr.status === 200) {
downloadByA(xhr.response,fileName);
}
};
xhr.send();
}
function downloadByA(data,fileName){
let urlObject = window.URL || window.webkitURL || window;
let export_blob=new Blob([data]);
let a=document.createElement("a");
a.href=urlObject.createObjectURL(export_blob);
a.download=fileName;
a.click();
}
//下面这块代码需要按自己需求,进行稍微地修改,上面两块代码可以不用动
document.querySelectorAll(".outer_page .inner_page").forEach(function(ele, i) {
download(ele.toDataURL("image/jpeg"),i+".jpg");
});
点击进入道客巴巴示例网址
百度文库有文字显示的,也有图片显示的,这里主要针对图片显示的,文字的我也看了太麻烦了。
但是在处理图片的过程中也出了问题,涉及到跨域的问题
document.querySelectorAll(".mod.reader-page.complex.hidden-doc-banner .inner .bd .reader-pic-item").forEach(function(ele, i) {
download(ele.style.backgroundImage.match(/[^url("].*[^")]/)[0],i+".jpg");
});
点击进入百度文库示例网址,网址放到这里,留着以后有时间再研究。准备上数学课了。
现在工具很多,有免费在线版,也有免费的客户端,给大家推荐两款吧。
我是用的acrobat这个软件,这个比较好用,还可以去水印之类的。在我之前去水印的文章里,有提到过。
通常讲到设计模式,一个最通用的原则是SOLID:S - Single Responsibility Principle,单一责任原则O - Open Closed Principle,开闭原则L - Liskov Substitution Principle,里氏替换原则I - Interface Segregation Principle,接口隔离原则D - Dependency Inversion Principle,依赖倒置原则嗯,这就是五大原则。后来又加入了一个:Law of Deme
查看原文:http://www.sijitao.net/1616.html前几天博主迁移了一台测试服务器上的virtualbox虚拟机。本来直接拷贝文件就可以解决的问题,结果折腾了我一天。一开始,我没注意这台服务器的虚拟机中有多个snapshot快照,最后复制完启动虚拟机后发现系统是很老之前的版本。我的操作步骤是这样的。。。先把virtualbox的虚拟硬盘文件从一块..._virtualbox的系统快照没同步
GitChat 是一款基于微信平台的 IT 阅读/写作互动产品。我们的目的是通过这款产品改变 IT 知识的学习方式,让专业读者获得自主选择权,让知识分享者获得收益。关于GitChat 你想知道的都在这里在这里每周会为大家带来最新的Chat分享,挑一个你感兴趣的话题,来一场Chat,赴一场约会吧! 从这里发表我的Chat本周Chat推荐:人工智能大背景和历史。 关于人工智能的知识网络拓扑图及学习路
逻辑:自定义词典的数据从mysql加载,只需要重启一次ES即可,后续热加载实现:在自定义词典的init方法中实现每隔一定时间读取mysql并写入自定义词典的逻辑..._ik 重载词典
js代码function checkName(){ var value = encodeURIComponent(encodeURIComponent($.trim($("#hnbIdentifier").val()))); if ("" == value) { $("#staError").html(""); } else { $.ajax(..._ajax无刷新提交页面
beforeDestroy() {if(this.timer) { clearInterval(this.timer); //关闭 } //利用vue的生命周期函数vue 是单页面应用,路由切换后,定时器并不会自动关闭,需要手动清除,当页面被销毁时,清除定时器即可。转载于:https://www.cnblogs.com/knuzy/p/10045528.ht...
一、下载draggable插件npm install -S vuedraggable二、引入、注册组件文件内引入:import draggable from 'vuedraggable'注册components: {draggable},三、直接使用draggablev-bind="dragOptions" 可选绑定的配置其中,:list="绑定值" 与返回的数组一致dragOptions进行了简单配置animation:600 ;过度动画时._vabdraggable
首先下载镜像压缩包http://shumeipai.nxez.com/download验证压缩包的未被串改sha1sum 2013-09-25-wheezy-raspbian.zip对此命令的输出结果和官网给出的SHA-1 Checksum进行比对,如果一致,则说明数据未被串改或损坏,否则需要重新下载。解压缩镜像。unzip 2013-09-25-wheezy-raspbian.zip查找SD卡..._linux烧写树莓派系统到sd卡
8.211:做好移植前的准备工作获取三星移植过的kernel,创建SI工程,添加到虚拟机中,修改Makefile的ARCH和CROSS_COMPILE修改结果如下ARCH = armCROSS_COMPILE = /usr/local/arm/arm-2009q3/bin/arm-none-linux-gnueabi-然后试着去配置,(在arch/configs/下找一个最接近自己开发板的,这里选...
什么是灰度发布,其要点有哪些? 最近跟几个聊的来的同行来了一次说聚就聚的晚餐,聊了一下最近的工作情况如何以及未来规划等等,酒足饭饱后我们聊了一个话题“灰度发布”。因为笔者所负责的产品还没有达到他们产品用户的量级上(最低的都在1千万+),也就谈不上灰度发布这一环节,所以只有听的份。虽然笔者暂时没有涉及到,但在工作中也听过关于灰度发布的一些信息,只不过这一次听他们几个交谈后更是增长了不少..._灰度开发
@学生成绩统计问题 :这个问题如果用结构体就非常简单,但如果规定只用数组和指针的话可能就有点小难度,特别是一些小细节,经常处理不好,所以博主贴出自己写的,希望对大家有帮助](这里写自定义目录标题)你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Ma...