油猴脚本：油猴脚本自动点击。测元素并点击、休眠、顺序执行、填充表单 |
您所在的位置：网站首页 › 自动点击的脚本怎么用 › 油猴脚本：油猴脚本自动点击。测元素并点击、休眠、顺序执行、填充表单 |
油猴脚本：油猴脚本自动点击。测元素并点击、休眠、顺序执行、填充表单
|
目的：油猴脚本自动点击 ，检测元素并点击、休眠、顺序执行、填充表单 原理：使用setInterval函数定时检测元素是否存在，使用Promise链式调用实现顺序执行， 更新：2021-10-01 12:09:55
自动脚本：链式语法 //休眠 obsSleep(1) //百度首页 .then(() => obsIsPage('www.baidu.com')) //休眠 .then(() => obsSleep(1)) //监测存在元素然后点击 .then(() => obsClick('#s-top-left > a:nth-child(1)'))或：同步语法 (async ()=>{ //休眠 await obsSleep(1) //百度首页 await obsIsPage('www.baidu.com') //休眠 await obsSleep(1) //监测存在元素然后点击 await obsClick('#s-top-left > a:nth-child(1)') })()
效果截图：
油猴常用函数： /*====== 开始：辅助函数 ======*/ /** * 休眠 * @param time 休眠时间，单位秒 * @param desc * @returns {Promise} */ function obsSleep(time, desc = 'obsSleep') { return new Promise(resolve => { //sleep setTimeout(() => { console.log(desc, time, 's') resolve(time) }, Math.floor(Math.abs(time) * 1000)) }) } /** * 监测页面地址 * @param path 页面地址片段 * @param time 延时，负数：延时->执行，正数：执行->延时 * @param desc * @returns {Promise} */ function obsIsPage(path, time = 0, desc = 'obsHasPage') { return new Promise(resolve => { //obs page let page = setInterval(() => { if (location.href.toLowerCase().indexOf(path.toLowerCase()) > -1) { clearInterval(page) if (time < 0) { setTimeout(() => { console.log(desc, path) resolve(path) }, Math.abs(time) * 1000) } else if (time > 0) { setTimeout(() => { console.log(desc, path) resolve(path) }, Math.abs(time) * 1000) } else { console.log(desc, path) resolve(path) } } else { return } }, 100) }) } /** * 监测input节点设置内容 * @param selector CSS选择器 * @param text 设置的内容 * @param time 延时，负数：延时->执行，正数：执行->延时 * @param desc * @returns {Promise} */ function obsSetValue(selector, text, time = 0, desc = 'obsSetValue') { return new Promise(resolve => { //obs node let timer = setInterval(() => { let target = document.querySelector(selector) if (!!target) { clearInterval(timer) if (time < 0) { setTimeout(() => { target.value = text console.log(desc, text) resolve(selector) }, Math.abs(time) * 1000) } else if (time > 0) { target.value = text setTimeout(() => { console.log(desc, text) resolve(selector) }, Math.abs(time) * 1000) } else { target.value = text console.log(desc, text) resolve(selector) } } else { return } }, 100) }) } /** * 文本框是否有值，如果传入text且不为空则比较文本框的值 * @param selector * @param text * @param time * @param desc * @returns {Promise} */ function obsHasValue(selector, text = '', time = 0, desc = 'obsHasValue') { return new Promise(resolve => { //obs node let timer = setInterval(() => { let target = document.querySelector(selector) if (!!target) { clearInterval(timer) if (Math.abs(time) > 0) { setTimeout(() => { console.log(desc, text) if (!!text) { if (target.value == text) { resolve(selector) } } else { if (target.value) { resolve(selector) } } }, Math.abs(time) * 1000) } else { console.log(desc, text) if (!!text) { if (target.value == text) { resolve(selector) } } else { if (target.value) { resolve(selector) } } } } else { return } }, 100) }) } /** * 监测到节点后点击 * @param selector CSS选择器 * @param time 延时，负数：延时->执行，正数：执行->延时 * @param desc * @returns {Promise} */ function obsClick(selector, time = 0, desc = 'obsClick') { return new Promise(resolve => { //obs node let timer = setInterval(() => { let target = document.querySelector(selector) if (!!target) { clearInterval(timer) if (time < 0) { setTimeout(() => { target.click() console.log(desc, selector) resolve(selector) }, Math.abs(time) * 1000) } else if (time > 0) { target.click() setTimeout(() => { console.log(desc, selector) resolve(selector) }, Math.abs(time) * 1000) } else { target.click() console.log(desc, selector) resolve(selector) } } else { return } }, 100) }) } /** * 监测节点是否存在 * @param selector CSS选择器 * @param time 延时，负数：延时->执行，正数：执行->延时 * @param desc * @returns {Promise} */ function obsHas(selector, time = 0, desc = 'obsHas') { return new Promise(resolve => { //obs node let timer = setInterval(() => { let target = document.querySelector(selector) if (!!target) { clearInterval(timer) if (Math.abs(time) > 0) { setTimeout(() => { console.log(desc, selector) resolve(selector) }, Math.abs(time) * 1000) } else { console.log(desc, selector) resolve(selector) } } else { return } }, 100) }) } /** * 监测节点是否存在然后执行函数 * @param selector * @param func * @param time 延时，负数：延时->执行，正数：执行->延时 * @param desc * @returns {Promise} */ function obsHasFunc(selector, func, time = 0, desc = 'obsHasFunc') { return new Promise(resolve => { //obs node let timer = setInterval(() => { let target = document.querySelector(selector) if (!!target) { clearInterval(timer) if (time < 0) { setTimeout(() => { if (!!func) { func() } console.log(desc, selector) resolve(selector) }, Math.abs(time) * 1000) } else if (time > 0) { if (!!func) { func() } setTimeout(() => { console.log(desc, selector) resolve(selector) }, Math.abs(time) * 1000) } else { if (!!func) { func() } console.log(desc, selector) resolve(selector) } } else { return } }, 100) }) } /** * 监测节点内容 * @param selector CSS选择器 * @param text 节点内容 * @param time 延时，负数：延时->执行，正数：执行->延时 * @param desc * @returns {Promise} */ function obsHasText(selector, text, time = 0, desc = 'obsHasText') { return new Promise(resolve => { //obs node let timer = setInterval(() => { let target = document.querySelector(selector) if (!!target && target.textContent.trim() == text) { clearInterval(timer) if (time < 0) { setTimeout(() => { console.log(desc, text) resolve(selector) }, Math.abs(time) * 1000) } else if (time > 0) { setTimeout(() => { console.log(desc, text) resolve(selector) }, Math.abs(time) * 1000) } else { console.log(desc, text) resolve(selector) } } else { return } }, 100) }) } /** * 监测节点内容点击 * @param selector CSS选择器 * @param text 节点内容 * @param time 延时，负数：延时->执行，正数：执行->延时 * @param desc * @returns {Promise} */ function obsHasTextClick(selector, text, time = 0, desc = 'text') { return new Promise(resolve => { //obs node let timer = setInterval(() => { let target = document.querySelector(selector) if (!!target && target.textContent.trim() == text) { clearInterval(timer) if (time < 0) { setTimeout(() => { target.click() console.log(desc, text) resolve(selector) }, Math.abs(time) * 1000) } else if (time > 0) { target.click() setTimeout(() => { console.log(desc, text) resolve(selector) }, Math.abs(time) * 1000) } else { target.click() console.log(desc, text) resolve(selector) } } else { return } }, 100) }) } /** * 监测节点非内容 * @param selector Css选择器 * @param text 节点内容 * @param time 延时，负数：延时->执行，正数：执行->延时 * @param desc * @returns {Promise} */ function obsNotText(selector, text, time = 0, desc = 'not text') { return new Promise(resolve => { //obs node let timer = setInterval(() => { let target = document.querySelector(selector) if (!!target) { if (target.textContent.trim() == text) { return } else { clearInterval(timer) if (time < 0) { setTimeout(() => { console.log(desc, text) resolve(selector) }, Math.abs(time) * 1000) } else if (time > 0) { setTimeout(() => { console.log(desc, text) resolve(selector) }, Math.abs(time) * 1000) } else { console.log(desc, text) resolve(selector) } } } else { return } }, 100) }) } /** * 函数返回真继续执行 * @param func 函数，返回真继续执行 * @param time 延时，负数：延时->执行，正数：执行->延时 * @param desc * @returns {Promise} */ function obsTrueFunc(func, time = 0, desc = 'func=>true') { return new Promise(resolve => { if (!!func) { if (time < 0) { setTimeout(() => { let ret = func() if (ret) { console.log(desc, ret) resolve('func=>true') } }, Math.abs(time) * 1000) } else if (time > 0) { let ret = func() setTimeout(() => { if (ret) { console.log(desc, ret) resolve('func=>true') } }, Math.abs(time) * 1000) } else { let ret = func() if (ret) { console.log(desc, ret) resolve('func=>true') } } } }) } /** * 执行函数 * @param func 函数 * @param time 延时，负数：延时->执行，正数：执行->延时 * @param desc * @returns {Promise} */ function obsFunc(func, time = 0, desc = 'func') { return new Promise(resolve => { if (!!func) { if (time < 0) { setTimeout(() => { func() console.log(desc) resolve('func') }, Math.abs(time) * 1000) } else if (time > 0) { func() setTimeout(() => { console.log(desc) resolve('func') }, Math.abs(time) * 1000) } else { func() console.log(desc) resolve('func') } } }) } /** * 变量为真继续执行 * @param isTrue bool变量 * @param time 延时，负数：延时->执行，正数：执行->延时 * @param desc * @returns {Promise} */ function obsTrue(isTrue, time = 0, desc = 'true') { return new Promise(resolve => { if (!!isTrue) { if (time < 0) { setTimeout(() => { console.log(desc, isTrue); resolve(isTrue) }, Math.abs(time) * 1000) } else if (time > 0) { setTimeout(() => { console.log(desc, isTrue); resolve(isTrue) }, Math.abs(time) * 1000) } else { console.log(desc, isTrue); resolve(isTrue) } } }) } /** * 随机字符串 * @param e 长度 * @returns {string} */ function randStr(e = 12) { e = e || 32; // let t = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678", let t = "abcdefghijkmnprstwxyz", a = t.length, n = ""; for (let i = 0; i < e; i++) n += t.charAt(Math.floor(Math.random() * a)); return n } /** * 随机数字 * @param e 长度 * @returns {string} */ function randNum(e = 12) { e = e || 32; // let t = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678", let t = "123456789", a = t.length, n = ""; for (let i = 0; i < e; i++) n += t.charAt(Math.floor(Math.random() * a)); return n } /** * 获取当前URL地址参数 * @param name 参数名称 * @returns {string|null} */ function getUrlParam(name) { let reg = new RegExp("(.|&)" + name + "=([^&]*)(&|$)"); let r = window.location.href.match(reg); if (r != null) return unescape(r[2]); return null; } /** * 加载style样式 * @param style style标签内容 */ function addStyleEle(style = '') { let css = document.createElement('style') css.innerHTML = style document.body.append(css) } /** * 加载css文件 * @param url css文件地址 */ function loadCssFile(url) { let head = document.getElementsByTagName('head')[0]; let link = document.createElement('link'); link.type = 'text/css'; link.rel = 'stylesheet'; link.href = url; head.appendChild(link); } /** * 加载js代码 * @param code */ function addScriptEle(code) { let script = document.createElement("script"); script.type = "text/javascript"; try { // firefox、safari、chrome和Opera script.appendChild(document.createTextNode(code)); } catch (ex) { // IE早期的浏览器 ,需要使用script的text属性来指定javascript代码。 script.text = code; } document.getElementsByTagName("head")[0].appendChild(script); } /** * 加载js文件 * @param url js文件路径 * @param callback 加载成功后执行的回调函数 */ function loadJsFile(url, callback) { let head = document.getElementsByTagName('head')[0]; let script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; if (typeof (callback) == 'function') { script.onload = script.onreadystatechange = function () { if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") { callback(); script.onload = script.onreadystatechange = null; } }; } head.appendChild(script); } /** * 向页面中添加div * @param className 类名 * @param innerHtml 内容 * @param clickFunc 点击事件函数 * @returns {HTMLDivElement} */ function addDivEle(className = '', innerHtml = '', clickFunc = false, parentSelector = '') { // console.log('addDivEle.className', className) let div = document.createElement('div') div.className = className div.innerHTML = innerHtml if (typeof clickFunc == 'function') { div.onclick = clickFunc } // console.log('addDivEle.parentSelector', parentSelector) if (parentSelector.length > 0) { document.querySelector(parentSelector).append(div) } else { document.body.append(div) } return div } /** * 添加工具按钮 * @param className 按钮类名 * @param innerHtml 按钮内容 * @param clickFunc 按钮点击事件 * @param param {} */ function addToolBtn(className = '', innerHtml = '', clickFunc = false, param = {}) { let defaultParam = { yAlign: 'bottom', xAlign: 'left', boxSelector: '.monkeyToolBtnBox', btnSelector: '.monkeyToolBtn', //自定义盒子样式 boxCss: '', //自定义按钮样式 btnCss: '', } param = Object.assign({}, defaultParam, param) if (param.boxSelector && document.querySelector(param.boxSelector) == null) { addDivEle(param.boxSelector.replaceAll('\\.', ' ')) // return; addStyleEle(` ${param.boxSelector} { position: fixed; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; ${param.yAlign == 'top' ? 'top:0;bottom:auto;' : 'top:auto;bottom:0;'} ${param.xAlign == 'left' ? 'left:0;right:auto;' : 'left:auto;right:0;align-items: flex-end;'} line-height: 1; cursor: pointer; z-index: 999999; font-size: 15px; ${param.boxCss} } ${param.btnSelector} { border: 2px solid red; color: red; padding: 5px 10px; background: white; font-size: 15px; ${param.btnCss} } `) } addStyleEle(` ${param.btnSelector}.${className} { cursor: pointer; ${param.btnCss} } `) addDivEle(`${param.btnSelector.replaceAll('\\.', ' ')} ${className}`, innerHtml, clickFunc, param.boxSelector) } /** * 移除iframe页面元素，用于wifi劫持和去除iframe广告 */ function removeIframe() { let filter = new Object(); filter.ad = function () { let tar = document.getElementsByTagName('iframe'); let len = tar.length; if (len > 0) { for (let i = 0; i < len; i++) { tar[0].remove() } } } filter.timer = function () { let clean = setInterval(function () { if (document.getElementsByTagName('iframe').length == 0) { clearInterval(clean) console.log('清除') } else { filter.ad() } }, 300) } filter.timer() } /** * 时间格式化 * @param fmt 格式，yyyy-MM-dd hh:mm:ss.S * @returns {*} 时间字符串，2006-07-02 08:09:04.423 * @constructor */ Date.prototype.format = function (fmt) { //author: meizz let o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor((this.getMonth() + 3) / 3), //季度 "S": this.getMilliseconds() //毫秒 }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); for (let k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt; } /** * 替换全部匹配到的内容 * @param FindText 需要查找的字符串 * @param RepText 将要替换的字符串 * @returns {string} */ String.prototype.replaceAll = function (FindText, RepText) { let regExp = new RegExp(FindText, "g"); return this.replace(regExp, RepText); } /** * 随机获取一个元素 * @returns {*} */ Array.prototype.sample = function () { return this[Math.floor(Math.random() * this.length)] } /*====== 结束：辅助函数 ======*/ /*====== 你的代码 ======*/
====== 本文链接： https://www.cnblogs.com/stumpx/p/13476123.html ====== |
【本文地址】
今日新闻 |
推荐新闻 |