tampermonkey自动化学习（持续更新~）

官网

插件下载安装

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.baidu.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=baidu.com
// @grant        none
// ==/UserScript==

命令格式

// @match 注意//和@之间的空格，这个语法匹配目标网站，可以使用通配符，匹配多个就加多个注解，一般在引用第三方js时用到

@grant 授权详见官网

引用jQuery

// @require        https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js

// @require file://<本地路径>

如果目标网站已经引用过的js就不要重复引用了

解决引用无效

// @require 这种方式引用第三方库可能无效，使用下面方法添加

// ==UserScript==
// @name         auto_web
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.baidu.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=baidu.com
// @grant        none
// ==/UserScript==
//添加脚本
    function addScript(url) {
        var GM_Head = document.getElementsByTagName('head')[0] || document.documentElement,
            GM_JQ = document.createElement('script');

        GM_JQ.src = url;
        GM_JQ.type = 'text/javascript';
        GM_JQ.async = true;

        GM_Head.insertBefore(GM_JQ, GM_Head.firstChild);
        GM_wait();
    }
//校验等待
    function GM_wait() {
        if (typeof window.jwerty == 'undefined') {
            window.setTimeout(GM_wait, 100);
        } else {
            console.log('load jwerty successful~')
        }
    }

(function() {
    'use strict';
    var $=window.$
    addScript('https://cdn.jsdelivr.net/npm/jwerty@0.3.2/jwerty.min.js')

    window.onload=function(){
        var jwerty=window.jwerty
        jwerty.key('ctrl+shift+p', function () {alert("find");return false });
    }

    // 按下键盘事件处理函数
    document.onkeydown = function(e) {
        var keyCode = e.keyCode || e.which || e.charCode;
        var altKey = e.altKey ;
        if(altKey && keyCode == 81) {
            alert("组合键成功")
            e.preventDefault();
            return false;
        }
        return true;
    }

    // Your code here...
})();

常用函数

(() => {
    var defining = {
        hello: function () {
            alert('hello')
        },
        /**
         * 休眠
         * @param time    休眠时间，单位秒
         * @param desc
         * @returns {Promise<unknown>}
         */
        obsSleep: function (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<unknown>}
         */
        obsIsPage: function (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<unknown>}
         */
        obsSetValue: function (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<unknown>}
         */
        obsHasValue: function (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<unknown>}
         */
        obsClick: function (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<unknown>}
         */
        obsHas: function (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<unknown>}
         */
        obsHasFunc: function (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<unknown>}
         */
        obsHasText: function (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<unknown>}
         */
        obsHasTextClick: function (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<unknown>}
         */
        obsNotText: function (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<unknown>}
         */
        obsTrueFunc: function (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<unknown>}
         */
        obsFunc: function (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<unknown>}
         */
        obsTrue: function (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}
         */
        randStr: function (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}
         */
        randNum: function (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}
         */
        getUrlParam: function (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标签内容
         */
        addStyleEle: function (style = '') {
            let css = document.createElement('style')
            css.innerHTML = style
            document.body.append(css)
        },

        /**
         * 加载css文件
         * @param url  css文件地址
         */
        loadCssFile: function (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
         */
        addScriptEle: function (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  加载成功后执行的回调函数
         */
        loadJsFile: function (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}
         */
        addDivEle: function (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       {}
         */
        addToolBtn: function (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广告
         */
        removeIframe: function () {
            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()
        },


    }
    Object.keys(defining).forEach(key => {
        window[key] = defining[key];
    });
    /**
     * 时间格式化
     * @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)]
    }
    console.log('loading function finish...')
})();

无法触发事件,可能页面没加载完成,或者事件不是click可能是mousedown,要排除元素监听事件

推荐使用cdn

https://cdn.jsdelivr.net